@fad-producto-portal/ng-fad-signature-fea 1.0.0-alpha.5 → 1.0.0-alpha.7

package/esm2022/lib/components/upload-e-signature/upload-e-signature.component.mjs

@@ -241,11 +241,11 @@ export class UploadESignatureComponent {
         Utils.setVariableCss('--fad-signature-fea-e-signature-file-img-background-color', this.configuration.customization?.moduleCustomization?.style?.file?.img?.backgroundColor, { targetElement });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadESignatureComponent, deps: [{ token: i0.ElementRef }, { token: i1.FormBuilder }, { token: i2.FadService }, { token: i2.MifielService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploadESignatureComponent, selector: "ng-fad-signature-fea-upload-e-signature", inputs: { configuration: "configuration", documents: "documents", signerId: "signerId", rfc: "rfc" }, outputs: { onerror: "onerror", onloader: "onloader", oncomplete: "oncomplete" }, ngImport: i0, template: "<ng-container *ngIf=\"showComponent\">\r\n  <div>\r\n    <div *ngIf=\"documents.length > 1\" class=\"fad-portal-title-bold\">{{ documentPluralTitle }}</div>\r\n    <div *ngIf=\"documents.length === 1\" class=\"fad-portal-title-bold\">{{ documentSingularTitle }}</div>\r\n\r\n    <div class=\"container-document fad-portal-content\">\r\n      <div *ngFor=\"let i of documents\" class=\"document\">\r\n        <div>{{ i.doc.name }}</div>\r\n        <div class=\"status fad-portal-content-bold\">{{ i.approved ? configuration.customization?.moduleCustomization?.legends?.documents?.status?.approved :  configuration.customization?.moduleCustomization?.legends?.documents?.status?.rejected }}</div>\r\n        <div class=\"pages\">{{ i.doc.pages }} {{ i.doc.pages > 1 ? configuration.customization?.moduleCustomization?.legends?.documents?.pages?.plural : configuration.customization?.moduleCustomization?.legends?.documents?.pages?.singular }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!allIsRejected()\">\r\n    <div class=\"fad-portal-title-bold\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.title }}</div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.label }}</div>\r\n        <div *ngIf=\"cer?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileCerInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!cer?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileCerInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatCerList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'cer')\"\r\n        (onerror)=\"onerrorDirective($event, 'cer')\">\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"cer?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ cer?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".cer\" #fileCerInput style=\"display: none\" (change)=\"onFileChange($event, 'cer')\">\r\n    </div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.label }}</div>\r\n        <div *ngIf=\"key?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileKeyInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!key?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileKeyInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatKeyList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'key')\"\r\n        (onerror)=\"onerrorDirective($event, 'key')\">\r\n\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"key?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ key?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".key\" #fileKeyInput style=\"display: none\" (change)=\"onFileChange($event, 'key')\">\r\n    </div>\r\n\r\n    <div class=\"fad-portal-container-input\" [formGroup]=\"form\">\r\n      <label class=\"fad-portal-content\" for=\"\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.label }}</label>\r\n      <div class=\"input-password\">\r\n        <input [type]=\"passwordInputType\" (input)=\"savePassword($event)\" formControlName=\"password\"/>\r\n        <div class=\"fad-portal-content-bold password-show\">\r\n          <div *ngIf=\"passwordInputType === 'text'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.hide }}</div>\r\n          <div *ngIf=\"passwordInputType === 'password'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.show }}</div>\r\n        </div>\r\n        <ng-fad-portal-shared-form-errors [formData]=\"password!\" [configuration]=\"configuration.formErrors?.configuration!\"></ng-fad-portal-shared-form-errors>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n\r\n  <div></div>\r\n\r\n  <div class=\"fad-portal-content container-confirm\">\r\n    <div *ngIf=\"!allIsRejected()\" (click)=\"isValidated = !isValidated\">\r\n      <div>\r\n        <ng-fad-image-inline *ngIf=\"isValidated\" [src]=\"checkOnImg\"></ng-fad-image-inline>\r\n        <ng-fad-image-inline *ngIf=\"!isValidated\" [src]=\"checkOffImg\"></ng-fad-image-inline>\r\n      </div>\r\n      <div *ngIf=\"documents.length === 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.singular }}</div>\r\n      <div *ngIf=\"documents.length > 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.plural }}</div>\r\n    </div>\r\n\r\n    <div></div>\r\n\r\n    <div class=\"action\">\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.plural }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.plural }}</button>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-md)}:host .container-document{display:flex;flex-direction:column;width:100%;background-color:var(--fad-signature-fea-e-signature-documents-background-color);border-radius:var(--fad-signature-fea-e-signature-documents-border-radius);padding:var(--fad-portal-common-separation-md);box-sizing:border-box;margin-top:var(--fad-portal-common-separation-xs)}:host .container-document .document{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between;border-bottom:1px solid var(--fad-portal-common-border-color);padding:var(--fad-portal-common-separation-md) 0}:host .container-document .document>div{flex:1}:host .container-document .document .status{text-align:center}:host .container-document .document .pages{text-align:end;color:var(--fad-portal-common-legends-secondary)}:host .document:only-child{border-bottom:none!important}:host .container-instruction-file{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between}:host .container-instruction-file .select-file{color:var(--fad-portal-common-primary-color);cursor:pointer}:host .container-upload{width:100%;box-sizing:border-box;border-radius:var(--fad-signature-fea-e-signature-upload-border-radius);border:var(--fad-signature-fea-e-signature-upload-border);padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-xs);display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);align-items:center;justify-content:center;text-align:center;background-color:var(--fad-signature-fea-e-signature-upload-background-color)}:host .container-upload .instruction{color:var(--fad-portal-common-legends-secondary)}:host .container-upload .upload-btn{max-width:90%;width:300px;box-sizing:border-box;background-color:var(--fad-signature-fea-e-signature-upload-button-background-color);border-radius:var(--fad-signature-fea-e-signature-upload-button-border-radius);color:var(--fad-portal-common-legends-tertiary);padding:var(--fad-portal-common-separation-xs);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--fad-portal-common-separation-xs)}:host .container-upload .upload-btn:hover{background-color:var(--fad-signature-fea-e-signature-upload-button-hover)}:host .container-file{display:flex;gap:var(--fad-portal-common-separation-md);align-items:center;padding:var(--fad-portal-common-separation-md);border:2px solid var(--fad-portal-common-successful-color);height:71px;border-radius:var(--fad-signature-fea-e-signature-file-border-radius);margin-top:var(--fad-portal-common-separation-xs)}:host .container-file .document-img{background-color:var(--fad-signature-fea-e-signature-file-img-background-color);width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}:host .container-file .document-img img{width:60%;max-width:100%;max-height:100%}:host .fad-portal-container-input .input-password{position:relative}:host .fad-portal-container-input .input-password input{padding-right:100px}:host .fad-portal-container-input .input-password .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fad-portal-common-legends-secondary);cursor:pointer}:host .container-confirm{display:flex;justify-content:space-between;align-items:center;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child{display:flex;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child>div:first-child{width:25px;height:25px}:host .container-confirm .action{max-width:80%;width:400px}:host .container-confirm ng-fad-image-inline{cursor:pointer}@media (max-width: 992px){:host .container-document .document{flex-direction:column;gap:var(--fad-portal-common-separation-xs)}:host .container-document .document .status,:host .container-document .document .pages{text-align:start!important}:host .container-confirm{flex-direction:column}:host .container-confirm .action{max-width:100%;width:100%!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.DragDropDocumentDirective, selector: "[dragDropDocument]", inputs: ["formatList", "acceptMultipleFiles"], outputs: ["onfiledropped", "onerror"] }, { kind: "component", type: i4.FormErrorsComponent, selector: "ng-fad-portal-shared-form-errors", inputs: ["configuration", "formData"], outputs: ["onerror"] }, { kind: "component", type: i5.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploadESignatureComponent, selector: "ng-fad-signature-fea-upload-e-signature", inputs: { configuration: "configuration", documents: "documents", signerId: "signerId", rfc: "rfc" }, outputs: { onerror: "onerror", onloader: "onloader", oncomplete: "oncomplete" }, ngImport: i0, template: "<ng-container *ngIf=\"showComponent\">\r\n  <div>\r\n    <div *ngIf=\"documents.length > 1\" class=\"fad-portal-title-bold\">{{ documentPluralTitle }}</div>\r\n    <div *ngIf=\"documents.length === 1\" class=\"fad-portal-title-bold\">{{ documentSingularTitle }}</div>\r\n\r\n    <div class=\"container-document fad-portal-content\">\r\n      <div *ngFor=\"let i of documents\" class=\"document\">\r\n        <div>{{ i.doc.name }}</div>\r\n        <div class=\"status fad-portal-content-bold\">{{ i.approved ? configuration.customization?.moduleCustomization?.legends?.documents?.status?.approved :  configuration.customization?.moduleCustomization?.legends?.documents?.status?.rejected }}</div>\r\n        <div class=\"pages\">{{ i.doc.pages }} {{ i.doc.pages > 1 ? configuration.customization?.moduleCustomization?.legends?.documents?.pages?.plural : configuration.customization?.moduleCustomization?.legends?.documents?.pages?.singular }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!allIsRejected()\">\r\n    <div class=\"fad-portal-title-bold\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.title }}</div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.label }}</div>\r\n        <div *ngIf=\"cer?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileCerInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!cer?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileCerInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatCerList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'cer')\"\r\n        (onerror)=\"onerrorDirective($event, 'cer')\">\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"cer?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ cer?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".cer\" #fileCerInput style=\"display: none\" (change)=\"onFileChange($event, 'cer')\">\r\n    </div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.label }}</div>\r\n        <div *ngIf=\"key?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileKeyInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!key?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileKeyInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatKeyList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'key')\"\r\n        (onerror)=\"onerrorDirective($event, 'key')\">\r\n\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"key?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ key?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".key\" #fileKeyInput style=\"display: none\" (change)=\"onFileChange($event, 'key')\">\r\n    </div>\r\n\r\n    <div class=\"fad-portal-container-input\" [formGroup]=\"form\">\r\n      <label class=\"fad-portal-content\" for=\"\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.label }}</label>\r\n      <div class=\"input-password\">\r\n        <input [type]=\"passwordInputType\" (input)=\"savePassword($event)\" formControlName=\"password\"/>\r\n        <div class=\"fad-portal-content-bold password-show\">\r\n          <div *ngIf=\"passwordInputType === 'text'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.hide }}</div>\r\n          <div *ngIf=\"passwordInputType === 'password'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.show }}</div>\r\n        </div>\r\n        <ng-fad-portal-shared-form-errors [formData]=\"password!\" [configuration]=\"configuration.formErrors?.configuration!\"></ng-fad-portal-shared-form-errors>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n\r\n  <div></div>\r\n\r\n  <div class=\"fad-portal-content container-confirm\">\r\n    <div *ngIf=\"!allIsRejected()\" (click)=\"isValidated = !isValidated\">\r\n      <div>\r\n        <ng-fad-image-inline *ngIf=\"isValidated\" [src]=\"checkOnImg\"></ng-fad-image-inline>\r\n        <ng-fad-image-inline *ngIf=\"!isValidated\" [src]=\"checkOffImg\"></ng-fad-image-inline>\r\n      </div>\r\n      <div *ngIf=\"documents.length === 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.singular }}</div>\r\n      <div *ngIf=\"documents.length > 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.plural }}</div>\r\n    </div>\r\n\r\n    <div></div>\r\n\r\n    <div class=\"action\">\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.plural }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.plural }}</button>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-md)}:host .container-document{display:flex;flex-direction:column;width:100%;background-color:var(--fad-signature-fea-e-signature-documents-background-color);border-radius:var(--fad-signature-fea-e-signature-documents-border-radius);padding:var(--fad-portal-common-separation-md);box-sizing:border-box;margin-top:var(--fad-portal-common-separation-xs)}:host .container-document .document{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between;border-bottom:1px solid var(--fad-portal-common-border-color);padding:var(--fad-portal-common-separation-md) 0}:host .container-document .document>div{flex:1}:host .container-document .document .status{text-align:center}:host .container-document .document .pages{text-align:end;color:var(--fad-portal-common-legends-secondary)}:host .document:only-child{border-bottom:none!important}:host .container-instruction-file{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between}:host .container-instruction-file .select-file{color:var(--fad-portal-common-primary-color);cursor:pointer}:host .container-upload{width:100%;box-sizing:border-box;border-radius:var(--fad-signature-fea-e-signature-upload-border-radius);border:var(--fad-signature-fea-e-signature-upload-border);padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-xs);display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);align-items:center;justify-content:center;text-align:center;background-color:var(--fad-signature-fea-e-signature-upload-background-color)}:host .container-upload .instruction{color:var(--fad-portal-common-legends-secondary)}:host .container-upload .upload-btn{max-width:90%;width:300px;box-sizing:border-box;background-color:var(--fad-signature-fea-e-signature-upload-button-background-color);border-radius:var(--fad-signature-fea-e-signature-upload-button-border-radius);color:var(--fad-portal-common-legends-tertiary);padding:var(--fad-portal-common-separation-xs);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--fad-portal-common-separation-xs)}:host .container-upload .upload-btn:hover{background-color:var(--fad-signature-fea-e-signature-upload-button-hover)}:host .container-file{display:flex;gap:var(--fad-portal-common-separation-md);align-items:center;padding:var(--fad-portal-common-separation-md);border:2px solid var(--fad-portal-common-successful-color);height:71px;border-radius:var(--fad-signature-fea-e-signature-file-border-radius);margin-top:var(--fad-portal-common-separation-xs)}:host .container-file .fad-portal-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .container-file .document-img{background-color:var(--fad-signature-fea-e-signature-file-img-background-color);width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}:host .container-file .document-img img{width:60%;max-width:100%;max-height:100%}:host .fad-portal-container-input .input-password{position:relative}:host .fad-portal-container-input .input-password input{padding-right:100px}:host .fad-portal-container-input .input-password .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fad-portal-common-legends-secondary);cursor:pointer}:host .container-confirm{display:flex;justify-content:space-between;align-items:center;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child{display:flex;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child>div:first-child{width:25px;height:25px}:host .container-confirm .action{max-width:80%;width:400px}:host .container-confirm ng-fad-image-inline{cursor:pointer}@media (max-width: 992px){:host .container-document .document{flex-direction:column;gap:var(--fad-portal-common-separation-xs)}:host .container-document .document .status,:host .container-document .document .pages{text-align:start!important}:host .container-confirm{flex-direction:column}:host .container-confirm .action{max-width:100%;width:100%!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.DragDropDocumentDirective, selector: "[dragDropDocument]", inputs: ["formatList", "acceptMultipleFiles"], outputs: ["onfiledropped", "onerror"] }, { kind: "component", type: i4.FormErrorsComponent, selector: "ng-fad-portal-shared-form-errors", inputs: ["configuration", "formData"], outputs: ["onerror"] }, { kind: "component", type: i5.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadESignatureComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-fad-signature-fea-upload-e-signature', template: "<ng-container *ngIf=\"showComponent\">\r\n  <div>\r\n    <div *ngIf=\"documents.length > 1\" class=\"fad-portal-title-bold\">{{ documentPluralTitle }}</div>\r\n    <div *ngIf=\"documents.length === 1\" class=\"fad-portal-title-bold\">{{ documentSingularTitle }}</div>\r\n\r\n    <div class=\"container-document fad-portal-content\">\r\n      <div *ngFor=\"let i of documents\" class=\"document\">\r\n        <div>{{ i.doc.name }}</div>\r\n        <div class=\"status fad-portal-content-bold\">{{ i.approved ? configuration.customization?.moduleCustomization?.legends?.documents?.status?.approved :  configuration.customization?.moduleCustomization?.legends?.documents?.status?.rejected }}</div>\r\n        <div class=\"pages\">{{ i.doc.pages }} {{ i.doc.pages > 1 ? configuration.customization?.moduleCustomization?.legends?.documents?.pages?.plural : configuration.customization?.moduleCustomization?.legends?.documents?.pages?.singular }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!allIsRejected()\">\r\n    <div class=\"fad-portal-title-bold\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.title }}</div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.label }}</div>\r\n        <div *ngIf=\"cer?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileCerInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!cer?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileCerInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatCerList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'cer')\"\r\n        (onerror)=\"onerrorDirective($event, 'cer')\">\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"cer?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ cer?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".cer\" #fileCerInput style=\"display: none\" (change)=\"onFileChange($event, 'cer')\">\r\n    </div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.label }}</div>\r\n        <div *ngIf=\"key?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileKeyInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!key?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileKeyInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatKeyList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'key')\"\r\n        (onerror)=\"onerrorDirective($event, 'key')\">\r\n\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"key?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ key?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".key\" #fileKeyInput style=\"display: none\" (change)=\"onFileChange($event, 'key')\">\r\n    </div>\r\n\r\n    <div class=\"fad-portal-container-input\" [formGroup]=\"form\">\r\n      <label class=\"fad-portal-content\" for=\"\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.label }}</label>\r\n      <div class=\"input-password\">\r\n        <input [type]=\"passwordInputType\" (input)=\"savePassword($event)\" formControlName=\"password\"/>\r\n        <div class=\"fad-portal-content-bold password-show\">\r\n          <div *ngIf=\"passwordInputType === 'text'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.hide }}</div>\r\n          <div *ngIf=\"passwordInputType === 'password'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.show }}</div>\r\n        </div>\r\n        <ng-fad-portal-shared-form-errors [formData]=\"password!\" [configuration]=\"configuration.formErrors?.configuration!\"></ng-fad-portal-shared-form-errors>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n\r\n  <div></div>\r\n\r\n  <div class=\"fad-portal-content container-confirm\">\r\n    <div *ngIf=\"!allIsRejected()\" (click)=\"isValidated = !isValidated\">\r\n      <div>\r\n        <ng-fad-image-inline *ngIf=\"isValidated\" [src]=\"checkOnImg\"></ng-fad-image-inline>\r\n        <ng-fad-image-inline *ngIf=\"!isValidated\" [src]=\"checkOffImg\"></ng-fad-image-inline>\r\n      </div>\r\n      <div *ngIf=\"documents.length === 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.singular }}</div>\r\n      <div *ngIf=\"documents.length > 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.plural }}</div>\r\n    </div>\r\n\r\n    <div></div>\r\n\r\n    <div class=\"action\">\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.plural }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.plural }}</button>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-md)}:host .container-document{display:flex;flex-direction:column;width:100%;background-color:var(--fad-signature-fea-e-signature-documents-background-color);border-radius:var(--fad-signature-fea-e-signature-documents-border-radius);padding:var(--fad-portal-common-separation-md);box-sizing:border-box;margin-top:var(--fad-portal-common-separation-xs)}:host .container-document .document{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between;border-bottom:1px solid var(--fad-portal-common-border-color);padding:var(--fad-portal-common-separation-md) 0}:host .container-document .document>div{flex:1}:host .container-document .document .status{text-align:center}:host .container-document .document .pages{text-align:end;color:var(--fad-portal-common-legends-secondary)}:host .document:only-child{border-bottom:none!important}:host .container-instruction-file{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between}:host .container-instruction-file .select-file{color:var(--fad-portal-common-primary-color);cursor:pointer}:host .container-upload{width:100%;box-sizing:border-box;border-radius:var(--fad-signature-fea-e-signature-upload-border-radius);border:var(--fad-signature-fea-e-signature-upload-border);padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-xs);display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);align-items:center;justify-content:center;text-align:center;background-color:var(--fad-signature-fea-e-signature-upload-background-color)}:host .container-upload .instruction{color:var(--fad-portal-common-legends-secondary)}:host .container-upload .upload-btn{max-width:90%;width:300px;box-sizing:border-box;background-color:var(--fad-signature-fea-e-signature-upload-button-background-color);border-radius:var(--fad-signature-fea-e-signature-upload-button-border-radius);color:var(--fad-portal-common-legends-tertiary);padding:var(--fad-portal-common-separation-xs);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--fad-portal-common-separation-xs)}:host .container-upload .upload-btn:hover{background-color:var(--fad-signature-fea-e-signature-upload-button-hover)}:host .container-file{display:flex;gap:var(--fad-portal-common-separation-md);align-items:center;padding:var(--fad-portal-common-separation-md);border:2px solid var(--fad-portal-common-successful-color);height:71px;border-radius:var(--fad-signature-fea-e-signature-file-border-radius);margin-top:var(--fad-portal-common-separation-xs)}:host .container-file .document-img{background-color:var(--fad-signature-fea-e-signature-file-img-background-color);width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}:host .container-file .document-img img{width:60%;max-width:100%;max-height:100%}:host .fad-portal-container-input .input-password{position:relative}:host .fad-portal-container-input .input-password input{padding-right:100px}:host .fad-portal-container-input .input-password .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fad-portal-common-legends-secondary);cursor:pointer}:host .container-confirm{display:flex;justify-content:space-between;align-items:center;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child{display:flex;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child>div:first-child{width:25px;height:25px}:host .container-confirm .action{max-width:80%;width:400px}:host .container-confirm ng-fad-image-inline{cursor:pointer}@media (max-width: 992px){:host .container-document .document{flex-direction:column;gap:var(--fad-portal-common-separation-xs)}:host .container-document .document .status,:host .container-document .document .pages{text-align:start!important}:host .container-confirm{flex-direction:column}:host .container-confirm .action{max-width:100%;width:100%!important}}\n"] }]
+            args: [{ selector: 'ng-fad-signature-fea-upload-e-signature', template: "<ng-container *ngIf=\"showComponent\">\r\n  <div>\r\n    <div *ngIf=\"documents.length > 1\" class=\"fad-portal-title-bold\">{{ documentPluralTitle }}</div>\r\n    <div *ngIf=\"documents.length === 1\" class=\"fad-portal-title-bold\">{{ documentSingularTitle }}</div>\r\n\r\n    <div class=\"container-document fad-portal-content\">\r\n      <div *ngFor=\"let i of documents\" class=\"document\">\r\n        <div>{{ i.doc.name }}</div>\r\n        <div class=\"status fad-portal-content-bold\">{{ i.approved ? configuration.customization?.moduleCustomization?.legends?.documents?.status?.approved :  configuration.customization?.moduleCustomization?.legends?.documents?.status?.rejected }}</div>\r\n        <div class=\"pages\">{{ i.doc.pages }} {{ i.doc.pages > 1 ? configuration.customization?.moduleCustomization?.legends?.documents?.pages?.plural : configuration.customization?.moduleCustomization?.legends?.documents?.pages?.singular }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!allIsRejected()\">\r\n    <div class=\"fad-portal-title-bold\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.title }}</div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.label }}</div>\r\n        <div *ngIf=\"cer?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileCerInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!cer?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileCerInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatCerList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'cer')\"\r\n        (onerror)=\"onerrorDirective($event, 'cer')\">\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"cer?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ cer?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".cer\" #fileCerInput style=\"display: none\" (change)=\"onFileChange($event, 'cer')\">\r\n    </div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.label }}</div>\r\n        <div *ngIf=\"key?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileKeyInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!key?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileKeyInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatKeyList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'key')\"\r\n        (onerror)=\"onerrorDirective($event, 'key')\">\r\n\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"key?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ key?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".key\" #fileKeyInput style=\"display: none\" (change)=\"onFileChange($event, 'key')\">\r\n    </div>\r\n\r\n    <div class=\"fad-portal-container-input\" [formGroup]=\"form\">\r\n      <label class=\"fad-portal-content\" for=\"\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.label }}</label>\r\n      <div class=\"input-password\">\r\n        <input [type]=\"passwordInputType\" (input)=\"savePassword($event)\" formControlName=\"password\"/>\r\n        <div class=\"fad-portal-content-bold password-show\">\r\n          <div *ngIf=\"passwordInputType === 'text'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.hide }}</div>\r\n          <div *ngIf=\"passwordInputType === 'password'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.show }}</div>\r\n        </div>\r\n        <ng-fad-portal-shared-form-errors [formData]=\"password!\" [configuration]=\"configuration.formErrors?.configuration!\"></ng-fad-portal-shared-form-errors>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n\r\n  <div></div>\r\n\r\n  <div class=\"fad-portal-content container-confirm\">\r\n    <div *ngIf=\"!allIsRejected()\" (click)=\"isValidated = !isValidated\">\r\n      <div>\r\n        <ng-fad-image-inline *ngIf=\"isValidated\" [src]=\"checkOnImg\"></ng-fad-image-inline>\r\n        <ng-fad-image-inline *ngIf=\"!isValidated\" [src]=\"checkOffImg\"></ng-fad-image-inline>\r\n      </div>\r\n      <div *ngIf=\"documents.length === 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.singular }}</div>\r\n      <div *ngIf=\"documents.length > 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.plural }}</div>\r\n    </div>\r\n\r\n    <div></div>\r\n\r\n    <div class=\"action\">\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.plural }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.plural }}</button>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-md)}:host .container-document{display:flex;flex-direction:column;width:100%;background-color:var(--fad-signature-fea-e-signature-documents-background-color);border-radius:var(--fad-signature-fea-e-signature-documents-border-radius);padding:var(--fad-portal-common-separation-md);box-sizing:border-box;margin-top:var(--fad-portal-common-separation-xs)}:host .container-document .document{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between;border-bottom:1px solid var(--fad-portal-common-border-color);padding:var(--fad-portal-common-separation-md) 0}:host .container-document .document>div{flex:1}:host .container-document .document .status{text-align:center}:host .container-document .document .pages{text-align:end;color:var(--fad-portal-common-legends-secondary)}:host .document:only-child{border-bottom:none!important}:host .container-instruction-file{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between}:host .container-instruction-file .select-file{color:var(--fad-portal-common-primary-color);cursor:pointer}:host .container-upload{width:100%;box-sizing:border-box;border-radius:var(--fad-signature-fea-e-signature-upload-border-radius);border:var(--fad-signature-fea-e-signature-upload-border);padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-xs);display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);align-items:center;justify-content:center;text-align:center;background-color:var(--fad-signature-fea-e-signature-upload-background-color)}:host .container-upload .instruction{color:var(--fad-portal-common-legends-secondary)}:host .container-upload .upload-btn{max-width:90%;width:300px;box-sizing:border-box;background-color:var(--fad-signature-fea-e-signature-upload-button-background-color);border-radius:var(--fad-signature-fea-e-signature-upload-button-border-radius);color:var(--fad-portal-common-legends-tertiary);padding:var(--fad-portal-common-separation-xs);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--fad-portal-common-separation-xs)}:host .container-upload .upload-btn:hover{background-color:var(--fad-signature-fea-e-signature-upload-button-hover)}:host .container-file{display:flex;gap:var(--fad-portal-common-separation-md);align-items:center;padding:var(--fad-portal-common-separation-md);border:2px solid var(--fad-portal-common-successful-color);height:71px;border-radius:var(--fad-signature-fea-e-signature-file-border-radius);margin-top:var(--fad-portal-common-separation-xs)}:host .container-file .fad-portal-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .container-file .document-img{background-color:var(--fad-signature-fea-e-signature-file-img-background-color);width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}:host .container-file .document-img img{width:60%;max-width:100%;max-height:100%}:host .fad-portal-container-input .input-password{position:relative}:host .fad-portal-container-input .input-password input{padding-right:100px}:host .fad-portal-container-input .input-password .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fad-portal-common-legends-secondary);cursor:pointer}:host .container-confirm{display:flex;justify-content:space-between;align-items:center;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child{display:flex;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child>div:first-child{width:25px;height:25px}:host .container-confirm .action{max-width:80%;width:400px}:host .container-confirm ng-fad-image-inline{cursor:pointer}@media (max-width: 992px){:host .container-document .document{flex-direction:column;gap:var(--fad-portal-common-separation-xs)}:host .container-document .document .status,:host .container-document .document .pages{text-align:start!important}:host .container-confirm{flex-direction:column}:host .container-confirm .action{max-width:100%;width:100%!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FormBuilder }, { type: i2.FadService }, { type: i2.MifielService }]; }, propDecorators: { configuration: [{
                 type: Input
             }], documents: [{

package/esm2022/lib/components/validate-signature/validate-signature.component.mjs

@@ -73,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], onsigned: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGUtc2lnbmF0dXJlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhZC1wcm9kdWN0by1wb3J0YWwvbmctZmFkLXNpZ25hdHVyZS1mZWEvc3JjL2xpYi9jb21wb25lbnRzL3ZhbGlkYXRlLXNpZ25hdHVyZS92YWxpZGF0ZS1zaWduYXR1cmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFkLXByb2R1Y3RvLXBvcnRhbC9uZy1mYWQtc2lnbmF0dXJlLWZlYS9zcmMvbGliL2NvbXBvbmVudHMvdmFsaWRhdGUtc2lnbmF0dXJlL3ZhbGlkYXRlLXNpZ25hdHVyZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDNUUsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLHdDQUF3QyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0ksT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVoQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQU9uRSxNQUFNLE9BQU8sMEJBQTBCO0lBU3JDLFlBQW9CLEdBQWU7UUFBZixRQUFHLEdBQUgsR0FBRyxDQUFZO1FBTHpCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQ3ZDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUM1QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN4QyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVULENBQUM7SUFFeEMsUUFBUTtRQUNOLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQzdCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN4QyxJQUFJLFdBQVc7WUFBRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksYUFBYSxDQUFDLDBCQUEwQixDQUFDLGlCQUFpQixFQUFFLG9DQUFvQyxDQUFDLDBCQUEwQixDQUFDLGlCQUFpQixDQUFDLEVBQUUseUNBQXlDLENBQUMsQ0FBQyxDQUFDO1lBQ2xOLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQyxZQUFZLEVBQUUsb0NBQW9DLENBQUMsMEJBQTBCLENBQUMsWUFBWSxDQUFDLEVBQUUseUNBQXlDLENBQUMsQ0FBQyxDQUFDO1lBQ3hNLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsZUFBZSxDQUFDO2FBQ3pHLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQzthQUMvQyxTQUFTLENBQUM7WUFDVCxJQUFJLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDWixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7b0JBQ2YsR0FBRyxDQUFDLElBQUksS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO2lCQUMxRjtxQkFBTTtvQkFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLEtBQUssRUFBRSx5Q0FBeUMsQ0FBQyxDQUFDLENBQUM7aUJBQ2hJO1lBQ0gsQ0FBQztZQUNELEtBQUssRUFBRSxDQUFDLEtBQXdCLEVBQUUsRUFBRTtnQkFDbEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxhQUFhLENBQUMsMEJBQTBCLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUseUNBQXlDLENBQUMsQ0FBQyxDQUFDO1lBQ2hJLENBQUM7U0FDRixDQUFDLENBQUE7SUFDTixDQUFDO0lBRUQscUJBQXFCLENBQUMsYUFBYSxHQUFHLFFBQVEsQ0FBQyxlQUFlO1FBQzVELElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDLGtCQUFrQixDQUFDLElBQUksYUFBYSxFQUFFLEVBQUUsd0NBQXdDLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ25JLENBQUM7K0dBbkRVLDBCQUEwQjttR0FBMUIsMEJBQTBCLHdSQ2Z2QyxFQUFBOzs0RkRlYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UseUNBQXlDO2lHQUsxQyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElWYWxpZGF0ZVNpZ25hdHVyZUNvbmZpZ3VyYXRpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgVXRpbHMgfSBmcm9tICdAZmFkLXByb2R1Y3RvLXBvcnRhbC9mYWQtY29tbW9uL3V0aWxzL3V0aWxzJztcbmltcG9ydCB7IENvbmZpZ3VyYXRpb24gfSBmcm9tICdAZmFkLXByb2R1Y3RvLXBvcnRhbC9mYWQtY29tbW9uL21vZGVscy9jb3JlJztcbmltcG9ydCB7IGdldFZhbGlkYXRlU2lnbmF0dXJlRXJyb3JEZXNjcmlwdGlvbiwgVkFMSURBVEVfU0lHTkFUVVJFX0NPTkZJR1VSQVRJT05fREVGQVVMVCwgVmFsaWRhdGVTaWduYXR1cmVFcnJvckNvZGUgfSBmcm9tICcuLi8uLi9jb25zdGFudHMnO1xuaW1wb3J0IHsgRmFkU2VydmljZSB9IGZyb20gJ0BmYWQtcHJvZHVjdG8tcG9ydGFsL25nLWZhZC1zZXJ2aWNlcyc7XG5pbXBvcnQgeyBmaW5hbGl6ZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSHR0cEVycm9yUmVzcG9uc2UgfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBSZXNwb25zZUVycm9yIH0gZnJvbSAnQGZhZC1wcm9kdWN0by1wb3J0YWwvbmctZmFkLXNoYXJlZCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25nLWZhZC1zaWduYXR1cmUtZmVhLXZhbGlkYXRlLXNpZ25hdHVyZScsXG4gIHRlbXBsYXRlVXJsOiAnLi92YWxpZGF0ZS1zaWduYXR1cmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi92YWxpZGF0ZS1zaWduYXR1cmUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBWYWxpZGF0ZVNpZ25hdHVyZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbmZpZ3VyYXRpb24hOiBJVmFsaWRhdGVTaWduYXR1cmVDb25maWd1cmF0aW9uO1xuICBASW5wdXQoKSBzaWduZXJJZCE6IHN0cmluZztcbiAgQElucHV0KCkgcmVxdWlzaXRpb25JZCE6IHN0cmluZztcbiAgQE91dHB1dCgpIG9ubG9hZGVyID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBAT3V0cHV0KCkgb25lcnJvciA9IG5ldyBFdmVudEVtaXR0ZXI8UmVzcG9uc2VFcnJvcj4oKTtcbiAgQE91dHB1dCgpIG9uY29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIG9uc2lnbmVkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmYWQ6IEZhZFNlcnZpY2UpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2V0Q3VzdG9taXphdGlvblN0eWxlKCk7XG4gICAgY29uc3QgY2FuQ29udGludWUgPSB0aGlzLnZhbGlkYXRlRGF0YSgpO1xuICAgIGlmIChjYW5Db250aW51ZSkgdGhpcy5nZXRTaWduZXJTdGF0dXNGZWEoKTtcbiAgfVxuXG4gIHZhbGlkYXRlRGF0YSgpIHtcbiAgICBpZiAoIXRoaXMucmVxdWlzaXRpb25JZCkge1xuICAgICAgdGhpcy5vbmVycm9yLmVtaXQobmV3IFJlc3BvbnNlRXJyb3IoVmFsaWRhdGVTaWduYXR1cmVFcnJvckNvZGUuTk9fUkVRVUlTSVRJT05fSUQsIGdldFZhbGlkYXRlU2lnbmF0dXJlRXJyb3JEZXNjcmlwdGlvbihWYWxpZGF0ZVNpZ25hdHVyZUVycm9yQ29kZS5OT19SRVFVSVNJVElPTl9JRCksICduZy1mYWQtc2lnbmF0dXJlLWZlYS12YWxpZGF0ZS1zaWduYXR1cmUnKSk7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLnNpZ25lcklkKSB7XG4gICAgICB0aGlzLm9uZXJyb3IuZW1pdChuZXcgUmVzcG9uc2VFcnJvcihWYWxpZGF0ZVNpZ25hdHVyZUVycm9yQ29kZS5OT19TSUdORVJfSUQsIGdldFZhbGlkYXRlU2lnbmF0dXJlRXJyb3JEZXNjcmlwdGlvbihWYWxpZGF0ZVNpZ25hdHVyZUVycm9yQ29kZS5OT19TSUdORVJfSUQpLCAnbmctZmFkLXNpZ25hdHVyZS1mZWEtdmFsaWRhdGUtc2lnbmF0dXJlJykpO1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgZ2V0U2lnbmVyU3RhdHVzRmVhKCkge1xuICAgIHRoaXMub25sb2FkZXIuZW1pdCh0cnVlKTtcbiAgICB0aGlzLmZhZC5nZXRTaWduZXJTdGF0dXNGZWEodGhpcy5yZXF1aXNpdGlvbklkLCB0aGlzLnNpZ25lcklkLCB0aGlzLmNvbmZpZ3VyYXRpb24uc2VydmljZXM/LnNpZ25lclN0YXR1c0ZlYSlcbiAgICAgIC5waXBlKGZpbmFsaXplKCgpID0+IHRoaXMub25sb2FkZXIuZW1pdChmYWxzZSkpKVxuICAgICAgLnN1YnNjcmliZSh7XG4gICAgICAgIG5leHQ6IChyZXMpID0+IHtcbiAgICAgICAgICBpZiAocmVzLnN1Y2Nlc3MpIHtcbiAgICAgICAgICAgIHJlcy5kYXRhID09PSAnQ09NUExFVEVEJyA/IHRoaXMub25zaWduZWQuZW1pdChyZXMuZGF0YSkgOiB0aGlzLm9uY29tcGxldGUuZW1pdChyZXMuZGF0YSk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMub25lcnJvci5lbWl0KG5ldyBSZXNwb25zZUVycm9yKFZhbGlkYXRlU2lnbmF0dXJlRXJyb3JDb2RlLlNFUlZJQ0UsIHJlcy5lcnJvciwgJ25nLWZhZC1zaWduYXR1cmUtZmVhLXZhbGlkYXRlLXNpZ25hdHVyZScpKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIGVycm9yOiAoZXJyb3I6IEh0dHBFcnJvclJlc3BvbnNlKSA9PiB7XG4gICAgICAgICAgdGhpcy5vbmVycm9yLmVtaXQobmV3IFJlc3BvbnNlRXJyb3IoVmFsaWRhdGVTaWduYXR1cmVFcnJvckNvZGUuSFRUUCwgZXJyb3IuZXJyb3IsICduZy1mYWQtc2lnbmF0dXJlLWZlYS12YWxpZGF0ZS1zaWduYXR1cmUnKSk7XG4gICAgICAgIH1cbiAgICAgIH0pXG4gIH1cblxuICBzZXRDdXN0b21pemF0aW9uU3R5bGUodGFyZ2V0RWxlbWVudCA9IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlndXJhdGlvbiA9IFV0aWxzLm1lcmdlQ29uZmlndXJhdGlvbihuZXcgQ29uZmlndXJhdGlvbigpLCBWQUxJREFURV9TSUdOQVRVUkVfQ09ORklHVVJBVElPTl9ERUZBVUxULCB0aGlzLmNvbmZpZ3VyYXRpb24pO1xuICB9XG59XG4iLCIiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGUtc2lnbmF0dXJlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ZhZC1wcm9kdWN0by1wb3J0YWwvbmctZmFkLXNpZ25hdHVyZS1mZWEvc3JjL2xpYi9jb21wb25lbnRzL3ZhbGlkYXRlLXNpZ25hdHVyZS92YWxpZGF0ZS1zaWduYXR1cmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZmFkLXByb2R1Y3RvLXBvcnRhbC9uZy1mYWQtc2lnbmF0dXJlLWZlYS9zcmMvbGliL2NvbXBvbmVudHMvdmFsaWRhdGUtc2lnbmF0dXJlL3ZhbGlkYXRlLXNpZ25hdHVyZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXZFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDNUUsT0FBTyxFQUFFLG9DQUFvQyxFQUFFLHdDQUF3QyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0ksT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVoQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7OztBQU9uRSxNQUFNLE9BQU8sMEJBQTBCO0lBU3JDLFlBQW9CLEdBQWU7UUFBZixRQUFHLEdBQUgsR0FBRyxDQUFZO1FBTHpCLGFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQ3ZDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztRQUM1QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN4QyxhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUVULENBQUM7SUFFeEMsUUFBUTtRQUNOLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQzdCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUN4QyxJQUFJLFdBQVc7WUFBRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM3QyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksYUFBYSxDQUFDLDBCQUEwQixDQUFDLGlCQUFpQixFQUFFLG9DQUFvQyxDQUFDLDBCQUEwQixDQUFDLGlCQUFpQixDQUFDLEVBQUUseUNBQXlDLENBQUMsQ0FBQyxDQUFDO1lBQ2xOLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQyxZQUFZLEVBQUUsb0NBQW9DLENBQUMsMEJBQTBCLENBQUMsWUFBWSxDQUFDLEVBQUUseUNBQXlDLENBQUMsQ0FBQyxDQUFDO1lBQ3hNLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsZUFBZSxDQUFDO2FBQ3pHLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQzthQUMvQyxTQUFTLENBQUM7WUFDVCxJQUFJLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRTtnQkFDWixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7b0JBQ2YsR0FBRyxDQUFDLElBQUksS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO2lCQUMxRjtxQkFBTTtvQkFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLGFBQWEsQ0FBQywwQkFBMEIsQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLEtBQUssRUFBRSx5Q0FBeUMsQ0FBQyxDQUFDLENBQUM7aUJBQ2hJO1lBQ0gsQ0FBQztZQUNELEtBQUssRUFBRSxDQUFDLEtBQXdCLEVBQUUsRUFBRTtnQkFDbEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxhQUFhLENBQUMsMEJBQTBCLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUseUNBQXlDLENBQUMsQ0FBQyxDQUFDO1lBQ2hJLENBQUM7U0FDRixDQUFDLENBQUE7SUFDTixDQUFDO0lBRUQscUJBQXFCLENBQUMsYUFBYSxHQUFHLFFBQVEsQ0FBQyxlQUFlO1FBQzVELElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDLGtCQUFrQixDQUFDLElBQUksYUFBYSxFQUFFLEVBQUUsd0NBQXdDLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ25JLENBQUM7K0dBbkRVLDBCQUEwQjttR0FBMUIsMEJBQTBCLHdSQ2Z2QyxFQUFBOzs0RkRlYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UseUNBQXlDO2lHQUsxQyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSVZhbGlkYXRlU2lnbmF0dXJlQ29uZmlndXJhdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcbmltcG9ydCB7IFV0aWxzIH0gZnJvbSAnQGZhZC1wcm9kdWN0by1wb3J0YWwvZmFkLWNvbW1vbi91dGlscy91dGlscyc7XHJcbmltcG9ydCB7IENvbmZpZ3VyYXRpb24gfSBmcm9tICdAZmFkLXByb2R1Y3RvLXBvcnRhbC9mYWQtY29tbW9uL21vZGVscy9jb3JlJztcclxuaW1wb3J0IHsgZ2V0VmFsaWRhdGVTaWduYXR1cmVFcnJvckRlc2NyaXB0aW9uLCBWQUxJREFURV9TSUdOQVRVUkVfQ09ORklHVVJBVElPTl9ERUZBVUxULCBWYWxpZGF0ZVNpZ25hdHVyZUVycm9yQ29kZSB9IGZyb20gJy4uLy4uL2NvbnN0YW50cyc7XHJcbmltcG9ydCB7IEZhZFNlcnZpY2UgfSBmcm9tICdAZmFkLXByb2R1Y3RvLXBvcnRhbC9uZy1mYWQtc2VydmljZXMnO1xyXG5pbXBvcnQgeyBmaW5hbGl6ZSB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBIdHRwRXJyb3JSZXNwb25zZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgUmVzcG9uc2VFcnJvciB9IGZyb20gJ0BmYWQtcHJvZHVjdG8tcG9ydGFsL25nLWZhZC1zaGFyZWQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduZy1mYWQtc2lnbmF0dXJlLWZlYS12YWxpZGF0ZS1zaWduYXR1cmUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi92YWxpZGF0ZS1zaWduYXR1cmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ZhbGlkYXRlLXNpZ25hdHVyZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWYWxpZGF0ZVNpZ25hdHVyZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY29uZmlndXJhdGlvbiE6IElWYWxpZGF0ZVNpZ25hdHVyZUNvbmZpZ3VyYXRpb247XHJcbiAgQElucHV0KCkgc2lnbmVySWQhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcmVxdWlzaXRpb25JZCE6IHN0cmluZztcclxuICBAT3V0cHV0KCkgb25sb2FkZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQE91dHB1dCgpIG9uZXJyb3IgPSBuZXcgRXZlbnRFbWl0dGVyPFJlc3BvbnNlRXJyb3I+KCk7XHJcbiAgQE91dHB1dCgpIG9uY29tcGxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBAT3V0cHV0KCkgb25zaWduZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmYWQ6IEZhZFNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2V0Q3VzdG9taXphdGlvblN0eWxlKCk7XHJcbiAgICBjb25zdCBjYW5Db250aW51ZSA9IHRoaXMudmFsaWRhdGVEYXRhKCk7XHJcbiAgICBpZiAoY2FuQ29udGludWUpIHRoaXMuZ2V0U2lnbmVyU3RhdHVzRmVhKCk7XHJcbiAgfVxyXG5cclxuICB2YWxpZGF0ZURhdGEoKSB7XHJcbiAgICBpZiAoIXRoaXMucmVxdWlzaXRpb25JZCkge1xyXG4gICAgICB0aGlzLm9uZXJyb3IuZW1pdChuZXcgUmVzcG9uc2VFcnJvcihWYWxpZGF0ZVNpZ25hdHVyZUVycm9yQ29kZS5OT19SRVFVSVNJVElPTl9JRCwgZ2V0VmFsaWRhdGVTaWduYXR1cmVFcnJvckRlc2NyaXB0aW9uKFZhbGlkYXRlU2lnbmF0dXJlRXJyb3JDb2RlLk5PX1JFUVVJU0lUSU9OX0lEKSwgJ25nLWZhZC1zaWduYXR1cmUtZmVhLXZhbGlkYXRlLXNpZ25hdHVyZScpKTtcclxuICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICghdGhpcy5zaWduZXJJZCkge1xyXG4gICAgICB0aGlzLm9uZXJyb3IuZW1pdChuZXcgUmVzcG9uc2VFcnJvcihWYWxpZGF0ZVNpZ25hdHVyZUVycm9yQ29kZS5OT19TSUdORVJfSUQsIGdldFZhbGlkYXRlU2lnbmF0dXJlRXJyb3JEZXNjcmlwdGlvbihWYWxpZGF0ZVNpZ25hdHVyZUVycm9yQ29kZS5OT19TSUdORVJfSUQpLCAnbmctZmFkLXNpZ25hdHVyZS1mZWEtdmFsaWRhdGUtc2lnbmF0dXJlJykpO1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHRydWU7XHJcbiAgfVxyXG5cclxuICBnZXRTaWduZXJTdGF0dXNGZWEoKSB7XHJcbiAgICB0aGlzLm9ubG9hZGVyLmVtaXQodHJ1ZSk7XHJcbiAgICB0aGlzLmZhZC5nZXRTaWduZXJTdGF0dXNGZWEodGhpcy5yZXF1aXNpdGlvbklkLCB0aGlzLnNpZ25lcklkLCB0aGlzLmNvbmZpZ3VyYXRpb24uc2VydmljZXM/LnNpZ25lclN0YXR1c0ZlYSlcclxuICAgICAgLnBpcGUoZmluYWxpemUoKCkgPT4gdGhpcy5vbmxvYWRlci5lbWl0KGZhbHNlKSkpXHJcbiAgICAgIC5zdWJzY3JpYmUoe1xyXG4gICAgICAgIG5leHQ6IChyZXMpID0+IHtcclxuICAgICAgICAgIGlmIChyZXMuc3VjY2Vzcykge1xyXG4gICAgICAgICAgICByZXMuZGF0YSA9PT0gJ0NPTVBMRVRFRCcgPyB0aGlzLm9uc2lnbmVkLmVtaXQocmVzLmRhdGEpIDogdGhpcy5vbmNvbXBsZXRlLmVtaXQocmVzLmRhdGEpO1xyXG4gICAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5vbmVycm9yLmVtaXQobmV3IFJlc3BvbnNlRXJyb3IoVmFsaWRhdGVTaWduYXR1cmVFcnJvckNvZGUuU0VSVklDRSwgcmVzLmVycm9yLCAnbmctZmFkLXNpZ25hdHVyZS1mZWEtdmFsaWRhdGUtc2lnbmF0dXJlJykpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgZXJyb3I6IChlcnJvcjogSHR0cEVycm9yUmVzcG9uc2UpID0+IHtcclxuICAgICAgICAgIHRoaXMub25lcnJvci5lbWl0KG5ldyBSZXNwb25zZUVycm9yKFZhbGlkYXRlU2lnbmF0dXJlRXJyb3JDb2RlLkhUVFAsIGVycm9yLmVycm9yLCAnbmctZmFkLXNpZ25hdHVyZS1mZWEtdmFsaWRhdGUtc2lnbmF0dXJlJykpO1xyXG4gICAgICAgIH1cclxuICAgICAgfSlcclxuICB9XHJcblxyXG4gIHNldEN1c3RvbWl6YXRpb25TdHlsZSh0YXJnZXRFbGVtZW50ID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLmNvbmZpZ3VyYXRpb24gPSBVdGlscy5tZXJnZUNvbmZpZ3VyYXRpb24obmV3IENvbmZpZ3VyYXRpb24oKSwgVkFMSURBVEVfU0lHTkFUVVJFX0NPTkZJR1VSQVRJT05fREVGQVVMVCwgdGhpcy5jb25maWd1cmF0aW9uKTtcclxuICB9XHJcbn1cclxuIiwiIl19

package/fesm2022/fad-producto-portal-ng-fad-signature-fea.mjs

@@ -532,6 +532,10 @@ class DocumentApprovalListComponent {
                         approved: undefined,
                         isVisible: false
                     })));
+                    if (this.documentsApprovalList.length === 1) {
+                        this.loadSingleDocument(this.documentsApprovalList[0]);
+                    }
+                    this.cdr.detectChanges();
                 }
                 else {
                     this.onerror.emit(new ResponseError(DocumentApprovalListErrorCode.SERVICE, getDocumentApprovalListErrorDescription(DocumentApprovalListErrorCode.SERVICE), 'ng-fad-portal-signature-fea-document-approval-list'));
@@ -542,6 +546,22 @@ class DocumentApprovalListComponent {
             }
         });
     }
+    loadSingleDocument(singleDocument) {
+        singleDocument.isVisible = true;
+        this.fad.getDocumentFea(singleDocument.id, { loader: true, error: true })
+            .pipe(finalize(() => this.onloader.emit(false)))
+            .subscribe({
+            next: (res) => {
+                if (singleDocument.doc) {
+                    singleDocument.doc.file = "data:application/pdf;base64," + res.data.file;
+                    this.cdr.detectChanges();
+                }
+            },
+            error: () => {
+                this.onerror.emit(new ResponseError(DocumentApprovalListErrorCode.ERROR_PDF, getDocumentApprovalListErrorDescription(DocumentApprovalListErrorCode.ERROR_PDF), 'ng-fad-portal-signature-fea-document-approval-list'));
+            }
+        });
+    }
     toggleApproval(document) {
         document.approved = document.approved === true ? undefined : true;
         this.updateApproveAllState();
@@ -621,11 +641,11 @@ class DocumentApprovalListComponent {
         this.configuration = Utils.mergeConfiguration(new Configuration(), DOCUMENT_APPROVAL_LIST_DEFAULT, this.configuration);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DocumentApprovalListComponent, deps: [{ token: i0.ElementRef }, { token: i2$2.FadService }, { token: i0.ChangeDetectorRef }, { token: i1.NgFadPdfReaderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DocumentApprovalListComponent, selector: "ng-fad-signature-fea-document-approval-list", inputs: { configuration: "configuration", rfc: "rfc" }, outputs: { onloader: "onloader", onevent: "onevent", onerror: "onerror" }, providers: [NgFadPdfReaderService], ngImport: i0, template: "<ng-container *ngIf=\"requisitionsFea && requisitionsFea.length > 0\">\r\n  <ng-container *ngFor=\"let requisition of requisitionsFea\">\r\n      <div class=\"fad-portal-content\" >\r\n          <div class=\"header\" >\r\n              <div>\r\n                  <div class=\"fad-portal-title\">\r\n                      {{ requisition.name }} ({{requisition.documents.length}})\r\n                  </div>\r\n                  <div class=\"info\">\r\n                      {{configuration.customization?.moduleCustomization?.legends?.sendTo}} Alfredo Villanueva  {{ requisition.sendBy }}\r\n                  </div>\r\n                  <div class=\"info\">\r\n                      {{ requisition.sendByEmail }}\r\n                  </div>\r\n              </div>\r\n              <div class=\"requisition-id\">\r\n                  <div class=\"fad-portal-content-bold\">ID {{ requisition.requisitionId }}</div>\r\n              </div>\r\n          </div>\r\n          <div class=\"documents-container\">\r\n              <ng-container *ngFor=\"let document of documentsApprovalList; let i = index\">\r\n                  <ng-container *ngIf=\"document.idRequisition === requisition.requisitionId\" >\r\n                      <div class=\"document\"  >\r\n                          <div class=\"information\" >\r\n                              <div class=\"document-name fad-portal-content-bold\" >\r\n                                  {{ document.doc?.name }}\r\n                              </div>\r\n                              <div class=\"validate\">\r\n\r\n                                  <ng-fad-image-inline\r\n                                          [src]=\"document.approved === false ? images.active.reject : images.inactive.reject\"\r\n                                          (click)=\"toggleRejection(document)\">\r\n                                  </ng-fad-image-inline>\r\n\r\n\r\n                                  <ng-fad-image-inline\r\n                                          [src]=\"document.approved === true ? images.active.approve : images.inactive.approve\"\r\n                                          (click)=\"toggleApproval(document)\">\r\n                                  </ng-fad-image-inline>\r\n                              </div>\r\n\r\n                          </div>\r\n                          <div class=\"actions\">\r\n                              <div>\r\n                                  <div class=\"fad-portal-content-bold\" (click)=\"seeDocumentFea(document)\">\r\n                                      {{ document.isVisible ? 'Ocultar documento' : 'Ver documento' }}\r\n                                  </div>\r\n                                  <div class=\"fad-portal-content-bold\" (click)=\"downloadDocumentFea(document)\">{{configuration.customization?.moduleCustomization?.legends?.download}}</div>\r\n                              </div>\r\n                              <div>\r\n                                  {{ document.doc?.pages }} {{configuration.customization?.moduleCustomization?.legends?.pages}}\r\n                              </div>\r\n                          </div>\r\n\r\n                          <ng-fad-signature-fea-pdf-viewer-fea\r\n                          *ngIf=\"document.isVisible  && document.doc?.file\"\r\n                          [file]=\"document.doc?.file\"\r\n                          [index]=\"i\"\r\n                          [id]=\"getDocumentId(document.id!)\"\r\n                          >\r\n                          </ng-fad-signature-fea-pdf-viewer-fea>\r\n\r\n                      </div>\r\n                  </ng-container>\r\n              </ng-container>\r\n\r\n          </div>\r\n\r\n      </div>\r\n  </ng-container>\r\n  <div class=\"fad-portal-content selector-document\">\r\n      <div class=\"document-status-bar\">\r\n\r\n          <div *ngIf=\"getApprovedCount() === 0 && getRejectedCount() === 0\" class=\"document-status-message \">\r\n              Aprueba los documentos para firmarlos con tu e.firma\r\n          </div>\r\n\r\n\r\n          <div *ngIf=\"getApprovedCount() > 0 || getRejectedCount() > 0\" class=\"document-status-content\">\r\n              <div class=\"approve-all\">\r\n                  <ng-fad-image-inline\r\n                      [src]=\"approveAll ? images.active.approve : images.inactive.approve\"\r\n                      (click)=\"approveAllDocuments()\">\r\n                  </ng-fad-image-inline>\r\n                  <span (click)=\"approveAllDocuments()\">Aprobar todos los documentos ({{ documentsApprovalList.length }})</span>\r\n              </div>\r\n\r\n\r\n              <div class=\"document-counts\">\r\n                  <span *ngIf=\"getApprovedCount() > 0 && getRejectedCount() === 0\" class=\"fad-portal-informative-bold\">\r\n                      {{ getApprovedCount() }} documentos aprobados\r\n                  </span>\r\n                  <span *ngIf=\"getRejectedCount() > 0 && getApprovedCount() === 0\" class=\"fad-portal-informative-bold\">\r\n                      {{ getRejectedCount() }} documentos rechazados\r\n                  </span>\r\n\r\n                  <ng-container *ngIf=\"getApprovedCount() > 0 && getRejectedCount() > 0\" >\r\n                      <span  class=\"fad-portal-informative-bold\">\r\n                          {{ getApprovedCount() }} documentos aprobados\r\n                      </span>\r\n                      <span  class=\"fad-portal-informative-bold\">\r\n                          {{ getRejectedCount() }} documentos rechazados\r\n                      </span>\r\n                  </ng-container>\r\n              </div>\r\n\r\n\r\n              <button class=\"fad-portal-primary\" (click)=\"emitApprovedDocuments()\">Continuar</button>\r\n          </div>\r\n      </div>\r\n  </div>\r\n\r\n</ng-container>\r\n", styles: [":host{box-sizing:border-box}:host .fad-portal-content{display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;margin-top:var(--fad-portal-common-separation-lg)}:host .fad-portal-content .header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f5f5f5;border-radius:var(--fad-portal-common-input-border-radius);padding:var(--fad-portal-common-separation-md);overflow:hidden;box-sizing:border-box}:host .fad-portal-content .header div:nth-child(1){display:flex;flex-direction:column;row-gap:var(--fad-portal-common-separation-xs)}:host .fad-portal-content .header .info{color:var(--fad-portal-common-tertiary-color)}@media (max-width: 992px){:host .fad-portal-content .header{flex-direction:column;align-items:start;justify-content:center;row-gap:var(--fad-portal-common-separation-xs);margin-bottom:var(--fad-portal-common-separation-md)}}:host .fad-portal-content .documents-container{box-sizing:border-box}:host .fad-portal-content .documents-container .document{display:flex;align-items:center;flex-direction:column;width:100%;margin-top:var(--fad-portal-common-separation-md);border-radius:var(--fad-portal-common-input-border-radius);border:1px solid #f5f5f5}:host .fad-portal-content .documents-container .document .information{padding:var(--fad-portal-common-separation-md);display:flex;align-items:center;justify-content:space-between;width:100%}:host .fad-portal-content .documents-container .document .information .validate{padding-left:var(--fad-portal-common-separation-md);padding-right:var(--fad-portal-common-separation-md);display:flex;column-gap:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .information .document-name{padding-left:var(--fad-portal-common-separation-md);padding-right:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .actions{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f5f5f5;padding:var(--fad-portal-common-separation-md);box-sizing:border-box;border-radius:var(--fad-portal-common-input-border-radius);border-top-left-radius:0;border-top-right-radius:0}:host .fad-portal-content .documents-container .document .actions div:nth-child(1){display:flex;align-items:center;gap:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .actions div:nth-child(1) div{color:var(--fad-portal-common-primary-color)!important;cursor:pointer}:host .selector-document{width:100%;background-color:#262626;color:#fff;padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-md);display:flex;align-items:center;justify-content:space-between;border-radius:var(--fad-portal-common-input-border-radius);box-sizing:border-box}:host .selector-document .document-status-message{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--fad-portal-common-separation-md)}:host .selector-document .document-status-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;font-size:14px;box-sizing:border-box}:host .selector-document .document-status-bar .document-status-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;font-size:14px;box-sizing:border-box}:host .selector-document .document-status-bar .approve-all{display:flex;align-items:center;gap:10px;cursor:pointer;box-sizing:border-box}:host .selector-document .document-status-bar .approve-all span{cursor:pointer;-webkit-user-select:none;user-select:none}:host .selector-document .document-status-bar .document-counts{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);box-sizing:border-box}:host .selector-document .document-status-bar .document-counts span{color:#fff}:host .selector-document .document-status-bar .fad-portal-primary{min-width:0px;width:50%}@media (max-width: 992px){:host .selector-document .document-status-bar .fad-portal-primary{width:100%;margin-top:var(--fad-portal-common-separation-md)}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }, { kind: "component", type: PdfViewerFeaComponent, selector: "ng-fad-signature-fea-pdf-viewer-fea", inputs: ["configuration", "file", "index", "id"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DocumentApprovalListComponent, selector: "ng-fad-signature-fea-document-approval-list", inputs: { configuration: "configuration", rfc: "rfc" }, outputs: { onloader: "onloader", onevent: "onevent", onerror: "onerror" }, providers: [NgFadPdfReaderService], ngImport: i0, template: "<ng-container *ngIf=\"requisitionsFea && requisitionsFea.length > 0\">\r\n    <ng-container *ngFor=\"let requisition of requisitionsFea\">\r\n        <div class=\"fad-portal-content\" >\r\n            <div class=\"header\" >\r\n                <div>\r\n                    <div class=\"fad-portal-title\">\r\n                        {{ requisition.name }} ({{requisition.documents.length}})\r\n                    </div>\r\n                    <div class=\"info\">\r\n                        {{configuration.customization?.moduleCustomization?.legends?.sendTo}} Alfredo Villanueva  {{ requisition.sendBy }}\r\n                    </div>\r\n                    <div class=\"info\">\r\n                        {{ requisition.sendByEmail }}\r\n                    </div>\r\n                </div>\r\n                <div class=\"requisition-id\">\r\n                    <div class=\"fad-portal-content-bold\">ID {{ requisition.requisitionId }}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"documents-container\">\r\n                <ng-container *ngFor=\"let document of documentsApprovalList; let i = index\">\r\n                    <ng-container *ngIf=\"document.idRequisition === requisition.requisitionId\" >\r\n                        <div class=\"document\"  >\r\n                            <div class=\"information\" >\r\n                                <div class=\"document-name fad-portal-content-bold\" >\r\n                                    {{ document.doc?.name }}\r\n                                </div>\r\n                                <div class=\"validate\">\r\n  \r\n                                    <ng-fad-image-inline\r\n                                            [src]=\"document.approved === false ? images.active.reject : images.inactive.reject\"\r\n                                            (click)=\"toggleRejection(document)\">\r\n                                    </ng-fad-image-inline>\r\n  \r\n  \r\n                                    <ng-fad-image-inline\r\n                                            [src]=\"document.approved === true ? images.active.approve : images.inactive.approve\"\r\n                                            (click)=\"toggleApproval(document)\">\r\n                                    </ng-fad-image-inline>\r\n                                </div>\r\n  \r\n                            </div>\r\n                            <div class=\"actions\">\r\n                                <div>\r\n                                    <div class=\"fad-portal-content-bold\" (click)=\"seeDocumentFea(document)\">\r\n                                        {{ document.isVisible ? 'Ocultar documento' : 'Ver documento' }}\r\n                                    </div>\r\n                                    <div class=\"fad-portal-content-bold\" (click)=\"downloadDocumentFea(document)\">{{configuration.customization?.moduleCustomization?.legends?.download}}</div>\r\n                                </div>\r\n                                <div>\r\n                                    {{ document.doc?.pages }} {{configuration.customization?.moduleCustomization?.legends?.pages}}\r\n                                </div>\r\n                            </div>\r\n  \r\n                            <ng-fad-signature-fea-pdf-viewer-fea\r\n                            *ngIf=\"document.isVisible  && document.doc?.file\"\r\n                            [file]=\"document.doc?.file\"\r\n                            [index]=\"i\"\r\n                            [id]=\"getDocumentId(document.id!)\"\r\n                            >\r\n                            </ng-fad-signature-fea-pdf-viewer-fea>\r\n  \r\n                        </div>\r\n                    </ng-container>\r\n                </ng-container>\r\n  \r\n            </div>\r\n  \r\n        </div>\r\n    </ng-container>\r\n    <div class=\"fad-portal-content selector-document\">\r\n        <div class=\"document-status-bar\">\r\n  \r\n            <div *ngIf=\"getApprovedCount() === 0 && getRejectedCount() === 0\" class=\"document-status-message \">\r\n                Aprueba los documentos para firmarlos con tu e.firma\r\n            </div>\r\n  \r\n  \r\n            <div *ngIf=\"getApprovedCount() > 0 || getRejectedCount() > 0\" class=\"document-status-content\">\r\n                <div class=\"approve-all\">\r\n                    <ng-fad-image-inline\r\n                        [src]=\"approveAll ? images.active.approve : images.inactive.approve\"\r\n                        (click)=\"approveAllDocuments()\">\r\n                    </ng-fad-image-inline>\r\n                    <span (click)=\"approveAllDocuments()\">Aprobar todos los documentos ({{ documentsApprovalList.length }})</span>\r\n                </div>\r\n  \r\n  \r\n                <div class=\"document-counts\">\r\n                    <span *ngIf=\"getApprovedCount() > 0 && getRejectedCount() === 0\" class=\"fad-portal-informative-bold\">\r\n                        {{ getApprovedCount() }} documentos aprobados\r\n                    </span>\r\n                    <span *ngIf=\"getRejectedCount() > 0 && getApprovedCount() === 0\" class=\"fad-portal-informative-bold\">\r\n                        {{ getRejectedCount() }} documentos rechazados\r\n                    </span>\r\n  \r\n                    <ng-container *ngIf=\"getApprovedCount() > 0 && getRejectedCount() > 0\" >\r\n                        <span  class=\"fad-portal-informative-bold\">\r\n                            {{ getApprovedCount() }} documentos aprobados\r\n                        </span>\r\n                        <span  class=\"fad-portal-informative-bold\">\r\n                            {{ getRejectedCount() }} documentos rechazados\r\n                        </span>\r\n                    </ng-container>\r\n                </div>\r\n  \r\n  \r\n                <button class=\"fad-portal-primary\" (click)=\"emitApprovedDocuments()\">Continuar</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n  \r\n  </ng-container>\r\n  ", styles: [":host{box-sizing:border-box}:host .fad-portal-content{display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;margin-top:var(--fad-portal-common-separation-lg)}:host .fad-portal-content .header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f5f5f5;border-radius:var(--fad-portal-common-input-border-radius);padding:var(--fad-portal-common-separation-md);overflow:hidden;box-sizing:border-box}:host .fad-portal-content .header div:nth-child(1){display:flex;flex-direction:column;row-gap:var(--fad-portal-common-separation-xs)}:host .fad-portal-content .header .info{color:var(--fad-portal-common-tertiary-color)}@media (max-width: 992px){:host .fad-portal-content .header{flex-direction:column;align-items:start;justify-content:center;row-gap:var(--fad-portal-common-separation-xs);margin-bottom:var(--fad-portal-common-separation-md)}}:host .fad-portal-content .documents-container{box-sizing:border-box}:host .fad-portal-content .documents-container .document{display:flex;align-items:center;flex-direction:column;width:100%;margin-top:var(--fad-portal-common-separation-md);border-radius:var(--fad-portal-common-input-border-radius);border:1px solid #f5f5f5}:host .fad-portal-content .documents-container .document .information{padding:var(--fad-portal-common-separation-md);display:flex;align-items:center;justify-content:space-between;width:100%}:host .fad-portal-content .documents-container .document .information .validate{padding-left:var(--fad-portal-common-separation-md);padding-right:var(--fad-portal-common-separation-md);display:flex;column-gap:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .information .document-name{padding-left:var(--fad-portal-common-separation-md);padding-right:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .actions{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f5f5f5;padding:var(--fad-portal-common-separation-md);box-sizing:border-box;border-radius:var(--fad-portal-common-input-border-radius);border-top-left-radius:0;border-top-right-radius:0}:host .fad-portal-content .documents-container .document .actions div:nth-child(1){display:flex;align-items:center;gap:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .actions div:nth-child(1) div{color:var(--fad-portal-common-primary-color)!important;cursor:pointer}:host .selector-document{width:100%;background-color:var(--fad-portal-common-tertiary-color);color:#fff;padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-md);display:flex;align-items:center;justify-content:space-between;border-radius:var(--fad-portal-common-input-border-radius);box-sizing:border-box}:host .selector-document .document-status-message{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--fad-portal-common-separation-md)}:host .selector-document .document-status-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;font-size:14px;box-sizing:border-box}:host .selector-document .document-status-bar .document-status-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;font-size:14px;box-sizing:border-box}:host .selector-document .document-status-bar .approve-all{display:flex;align-items:center;gap:10px;cursor:pointer;box-sizing:border-box}:host .selector-document .document-status-bar .approve-all span{cursor:pointer;-webkit-user-select:none;user-select:none}:host .selector-document .document-status-bar .document-counts{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);box-sizing:border-box}:host .selector-document .document-status-bar .document-counts span{color:#fff}:host .selector-document .document-status-bar .fad-portal-primary{min-width:0px;width:50%}@media (max-width: 992px){:host .selector-document .document-status-bar .fad-portal-primary{width:100%;margin-top:var(--fad-portal-common-separation-md)}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }, { kind: "component", type: PdfViewerFeaComponent, selector: "ng-fad-signature-fea-pdf-viewer-fea", inputs: ["configuration", "file", "index", "id"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DocumentApprovalListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-fad-signature-fea-document-approval-list', providers: [NgFadPdfReaderService], template: "<ng-container *ngIf=\"requisitionsFea && requisitionsFea.length > 0\">\r\n  <ng-container *ngFor=\"let requisition of requisitionsFea\">\r\n      <div class=\"fad-portal-content\" >\r\n          <div class=\"header\" >\r\n              <div>\r\n                  <div class=\"fad-portal-title\">\r\n                      {{ requisition.name }} ({{requisition.documents.length}})\r\n                  </div>\r\n                  <div class=\"info\">\r\n                      {{configuration.customization?.moduleCustomization?.legends?.sendTo}} Alfredo Villanueva  {{ requisition.sendBy }}\r\n                  </div>\r\n                  <div class=\"info\">\r\n                      {{ requisition.sendByEmail }}\r\n                  </div>\r\n              </div>\r\n              <div class=\"requisition-id\">\r\n                  <div class=\"fad-portal-content-bold\">ID {{ requisition.requisitionId }}</div>\r\n              </div>\r\n          </div>\r\n          <div class=\"documents-container\">\r\n              <ng-container *ngFor=\"let document of documentsApprovalList; let i = index\">\r\n                  <ng-container *ngIf=\"document.idRequisition === requisition.requisitionId\" >\r\n                      <div class=\"document\"  >\r\n                          <div class=\"information\" >\r\n                              <div class=\"document-name fad-portal-content-bold\" >\r\n                                  {{ document.doc?.name }}\r\n                              </div>\r\n                              <div class=\"validate\">\r\n\r\n                                  <ng-fad-image-inline\r\n                                          [src]=\"document.approved === false ? images.active.reject : images.inactive.reject\"\r\n                                          (click)=\"toggleRejection(document)\">\r\n                                  </ng-fad-image-inline>\r\n\r\n\r\n                                  <ng-fad-image-inline\r\n                                          [src]=\"document.approved === true ? images.active.approve : images.inactive.approve\"\r\n                                          (click)=\"toggleApproval(document)\">\r\n                                  </ng-fad-image-inline>\r\n                              </div>\r\n\r\n                          </div>\r\n                          <div class=\"actions\">\r\n                              <div>\r\n                                  <div class=\"fad-portal-content-bold\" (click)=\"seeDocumentFea(document)\">\r\n                                      {{ document.isVisible ? 'Ocultar documento' : 'Ver documento' }}\r\n                                  </div>\r\n                                  <div class=\"fad-portal-content-bold\" (click)=\"downloadDocumentFea(document)\">{{configuration.customization?.moduleCustomization?.legends?.download}}</div>\r\n                              </div>\r\n                              <div>\r\n                                  {{ document.doc?.pages }} {{configuration.customization?.moduleCustomization?.legends?.pages}}\r\n                              </div>\r\n                          </div>\r\n\r\n                          <ng-fad-signature-fea-pdf-viewer-fea\r\n                          *ngIf=\"document.isVisible  && document.doc?.file\"\r\n                          [file]=\"document.doc?.file\"\r\n                          [index]=\"i\"\r\n                          [id]=\"getDocumentId(document.id!)\"\r\n                          >\r\n                          </ng-fad-signature-fea-pdf-viewer-fea>\r\n\r\n                      </div>\r\n                  </ng-container>\r\n              </ng-container>\r\n\r\n          </div>\r\n\r\n      </div>\r\n  </ng-container>\r\n  <div class=\"fad-portal-content selector-document\">\r\n      <div class=\"document-status-bar\">\r\n\r\n          <div *ngIf=\"getApprovedCount() === 0 && getRejectedCount() === 0\" class=\"document-status-message \">\r\n              Aprueba los documentos para firmarlos con tu e.firma\r\n          </div>\r\n\r\n\r\n          <div *ngIf=\"getApprovedCount() > 0 || getRejectedCount() > 0\" class=\"document-status-content\">\r\n              <div class=\"approve-all\">\r\n                  <ng-fad-image-inline\r\n                      [src]=\"approveAll ? images.active.approve : images.inactive.approve\"\r\n                      (click)=\"approveAllDocuments()\">\r\n                  </ng-fad-image-inline>\r\n                  <span (click)=\"approveAllDocuments()\">Aprobar todos los documentos ({{ documentsApprovalList.length }})</span>\r\n              </div>\r\n\r\n\r\n              <div class=\"document-counts\">\r\n                  <span *ngIf=\"getApprovedCount() > 0 && getRejectedCount() === 0\" class=\"fad-portal-informative-bold\">\r\n                      {{ getApprovedCount() }} documentos aprobados\r\n                  </span>\r\n                  <span *ngIf=\"getRejectedCount() > 0 && getApprovedCount() === 0\" class=\"fad-portal-informative-bold\">\r\n                      {{ getRejectedCount() }} documentos rechazados\r\n                  </span>\r\n\r\n                  <ng-container *ngIf=\"getApprovedCount() > 0 && getRejectedCount() > 0\" >\r\n                      <span  class=\"fad-portal-informative-bold\">\r\n                          {{ getApprovedCount() }} documentos aprobados\r\n                      </span>\r\n                      <span  class=\"fad-portal-informative-bold\">\r\n                          {{ getRejectedCount() }} documentos rechazados\r\n                      </span>\r\n                  </ng-container>\r\n              </div>\r\n\r\n\r\n              <button class=\"fad-portal-primary\" (click)=\"emitApprovedDocuments()\">Continuar</button>\r\n          </div>\r\n      </div>\r\n  </div>\r\n\r\n</ng-container>\r\n", styles: [":host{box-sizing:border-box}:host .fad-portal-content{display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;margin-top:var(--fad-portal-common-separation-lg)}:host .fad-portal-content .header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f5f5f5;border-radius:var(--fad-portal-common-input-border-radius);padding:var(--fad-portal-common-separation-md);overflow:hidden;box-sizing:border-box}:host .fad-portal-content .header div:nth-child(1){display:flex;flex-direction:column;row-gap:var(--fad-portal-common-separation-xs)}:host .fad-portal-content .header .info{color:var(--fad-portal-common-tertiary-color)}@media (max-width: 992px){:host .fad-portal-content .header{flex-direction:column;align-items:start;justify-content:center;row-gap:var(--fad-portal-common-separation-xs);margin-bottom:var(--fad-portal-common-separation-md)}}:host .fad-portal-content .documents-container{box-sizing:border-box}:host .fad-portal-content .documents-container .document{display:flex;align-items:center;flex-direction:column;width:100%;margin-top:var(--fad-portal-common-separation-md);border-radius:var(--fad-portal-common-input-border-radius);border:1px solid #f5f5f5}:host .fad-portal-content .documents-container .document .information{padding:var(--fad-portal-common-separation-md);display:flex;align-items:center;justify-content:space-between;width:100%}:host .fad-portal-content .documents-container .document .information .validate{padding-left:var(--fad-portal-common-separation-md);padding-right:var(--fad-portal-common-separation-md);display:flex;column-gap:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .information .document-name{padding-left:var(--fad-portal-common-separation-md);padding-right:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .actions{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f5f5f5;padding:var(--fad-portal-common-separation-md);box-sizing:border-box;border-radius:var(--fad-portal-common-input-border-radius);border-top-left-radius:0;border-top-right-radius:0}:host .fad-portal-content .documents-container .document .actions div:nth-child(1){display:flex;align-items:center;gap:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .actions div:nth-child(1) div{color:var(--fad-portal-common-primary-color)!important;cursor:pointer}:host .selector-document{width:100%;background-color:#262626;color:#fff;padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-md);display:flex;align-items:center;justify-content:space-between;border-radius:var(--fad-portal-common-input-border-radius);box-sizing:border-box}:host .selector-document .document-status-message{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--fad-portal-common-separation-md)}:host .selector-document .document-status-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;font-size:14px;box-sizing:border-box}:host .selector-document .document-status-bar .document-status-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;font-size:14px;box-sizing:border-box}:host .selector-document .document-status-bar .approve-all{display:flex;align-items:center;gap:10px;cursor:pointer;box-sizing:border-box}:host .selector-document .document-status-bar .approve-all span{cursor:pointer;-webkit-user-select:none;user-select:none}:host .selector-document .document-status-bar .document-counts{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);box-sizing:border-box}:host .selector-document .document-status-bar .document-counts span{color:#fff}:host .selector-document .document-status-bar .fad-portal-primary{min-width:0px;width:50%}@media (max-width: 992px){:host .selector-document .document-status-bar .fad-portal-primary{width:100%;margin-top:var(--fad-portal-common-separation-md)}}\n"] }]
+            args: [{ selector: 'ng-fad-signature-fea-document-approval-list', providers: [NgFadPdfReaderService], template: "<ng-container *ngIf=\"requisitionsFea && requisitionsFea.length > 0\">\r\n    <ng-container *ngFor=\"let requisition of requisitionsFea\">\r\n        <div class=\"fad-portal-content\" >\r\n            <div class=\"header\" >\r\n                <div>\r\n                    <div class=\"fad-portal-title\">\r\n                        {{ requisition.name }} ({{requisition.documents.length}})\r\n                    </div>\r\n                    <div class=\"info\">\r\n                        {{configuration.customization?.moduleCustomization?.legends?.sendTo}} Alfredo Villanueva  {{ requisition.sendBy }}\r\n                    </div>\r\n                    <div class=\"info\">\r\n                        {{ requisition.sendByEmail }}\r\n                    </div>\r\n                </div>\r\n                <div class=\"requisition-id\">\r\n                    <div class=\"fad-portal-content-bold\">ID {{ requisition.requisitionId }}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"documents-container\">\r\n                <ng-container *ngFor=\"let document of documentsApprovalList; let i = index\">\r\n                    <ng-container *ngIf=\"document.idRequisition === requisition.requisitionId\" >\r\n                        <div class=\"document\"  >\r\n                            <div class=\"information\" >\r\n                                <div class=\"document-name fad-portal-content-bold\" >\r\n                                    {{ document.doc?.name }}\r\n                                </div>\r\n                                <div class=\"validate\">\r\n  \r\n                                    <ng-fad-image-inline\r\n                                            [src]=\"document.approved === false ? images.active.reject : images.inactive.reject\"\r\n                                            (click)=\"toggleRejection(document)\">\r\n                                    </ng-fad-image-inline>\r\n  \r\n  \r\n                                    <ng-fad-image-inline\r\n                                            [src]=\"document.approved === true ? images.active.approve : images.inactive.approve\"\r\n                                            (click)=\"toggleApproval(document)\">\r\n                                    </ng-fad-image-inline>\r\n                                </div>\r\n  \r\n                            </div>\r\n                            <div class=\"actions\">\r\n                                <div>\r\n                                    <div class=\"fad-portal-content-bold\" (click)=\"seeDocumentFea(document)\">\r\n                                        {{ document.isVisible ? 'Ocultar documento' : 'Ver documento' }}\r\n                                    </div>\r\n                                    <div class=\"fad-portal-content-bold\" (click)=\"downloadDocumentFea(document)\">{{configuration.customization?.moduleCustomization?.legends?.download}}</div>\r\n                                </div>\r\n                                <div>\r\n                                    {{ document.doc?.pages }} {{configuration.customization?.moduleCustomization?.legends?.pages}}\r\n                                </div>\r\n                            </div>\r\n  \r\n                            <ng-fad-signature-fea-pdf-viewer-fea\r\n                            *ngIf=\"document.isVisible  && document.doc?.file\"\r\n                            [file]=\"document.doc?.file\"\r\n                            [index]=\"i\"\r\n                            [id]=\"getDocumentId(document.id!)\"\r\n                            >\r\n                            </ng-fad-signature-fea-pdf-viewer-fea>\r\n  \r\n                        </div>\r\n                    </ng-container>\r\n                </ng-container>\r\n  \r\n            </div>\r\n  \r\n        </div>\r\n    </ng-container>\r\n    <div class=\"fad-portal-content selector-document\">\r\n        <div class=\"document-status-bar\">\r\n  \r\n            <div *ngIf=\"getApprovedCount() === 0 && getRejectedCount() === 0\" class=\"document-status-message \">\r\n                Aprueba los documentos para firmarlos con tu e.firma\r\n            </div>\r\n  \r\n  \r\n            <div *ngIf=\"getApprovedCount() > 0 || getRejectedCount() > 0\" class=\"document-status-content\">\r\n                <div class=\"approve-all\">\r\n                    <ng-fad-image-inline\r\n                        [src]=\"approveAll ? images.active.approve : images.inactive.approve\"\r\n                        (click)=\"approveAllDocuments()\">\r\n                    </ng-fad-image-inline>\r\n                    <span (click)=\"approveAllDocuments()\">Aprobar todos los documentos ({{ documentsApprovalList.length }})</span>\r\n                </div>\r\n  \r\n  \r\n                <div class=\"document-counts\">\r\n                    <span *ngIf=\"getApprovedCount() > 0 && getRejectedCount() === 0\" class=\"fad-portal-informative-bold\">\r\n                        {{ getApprovedCount() }} documentos aprobados\r\n                    </span>\r\n                    <span *ngIf=\"getRejectedCount() > 0 && getApprovedCount() === 0\" class=\"fad-portal-informative-bold\">\r\n                        {{ getRejectedCount() }} documentos rechazados\r\n                    </span>\r\n  \r\n                    <ng-container *ngIf=\"getApprovedCount() > 0 && getRejectedCount() > 0\" >\r\n                        <span  class=\"fad-portal-informative-bold\">\r\n                            {{ getApprovedCount() }} documentos aprobados\r\n                        </span>\r\n                        <span  class=\"fad-portal-informative-bold\">\r\n                            {{ getRejectedCount() }} documentos rechazados\r\n                        </span>\r\n                    </ng-container>\r\n                </div>\r\n  \r\n  \r\n                <button class=\"fad-portal-primary\" (click)=\"emitApprovedDocuments()\">Continuar</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n  \r\n  </ng-container>\r\n  ", styles: [":host{box-sizing:border-box}:host .fad-portal-content{display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box;margin-top:var(--fad-portal-common-separation-lg)}:host .fad-portal-content .header{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f5f5f5;border-radius:var(--fad-portal-common-input-border-radius);padding:var(--fad-portal-common-separation-md);overflow:hidden;box-sizing:border-box}:host .fad-portal-content .header div:nth-child(1){display:flex;flex-direction:column;row-gap:var(--fad-portal-common-separation-xs)}:host .fad-portal-content .header .info{color:var(--fad-portal-common-tertiary-color)}@media (max-width: 992px){:host .fad-portal-content .header{flex-direction:column;align-items:start;justify-content:center;row-gap:var(--fad-portal-common-separation-xs);margin-bottom:var(--fad-portal-common-separation-md)}}:host .fad-portal-content .documents-container{box-sizing:border-box}:host .fad-portal-content .documents-container .document{display:flex;align-items:center;flex-direction:column;width:100%;margin-top:var(--fad-portal-common-separation-md);border-radius:var(--fad-portal-common-input-border-radius);border:1px solid #f5f5f5}:host .fad-portal-content .documents-container .document .information{padding:var(--fad-portal-common-separation-md);display:flex;align-items:center;justify-content:space-between;width:100%}:host .fad-portal-content .documents-container .document .information .validate{padding-left:var(--fad-portal-common-separation-md);padding-right:var(--fad-portal-common-separation-md);display:flex;column-gap:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .information .document-name{padding-left:var(--fad-portal-common-separation-md);padding-right:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .actions{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f5f5f5;padding:var(--fad-portal-common-separation-md);box-sizing:border-box;border-radius:var(--fad-portal-common-input-border-radius);border-top-left-radius:0;border-top-right-radius:0}:host .fad-portal-content .documents-container .document .actions div:nth-child(1){display:flex;align-items:center;gap:var(--fad-portal-common-separation-md)}:host .fad-portal-content .documents-container .document .actions div:nth-child(1) div{color:var(--fad-portal-common-primary-color)!important;cursor:pointer}:host .selector-document{width:100%;background-color:var(--fad-portal-common-tertiary-color);color:#fff;padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-md);display:flex;align-items:center;justify-content:space-between;border-radius:var(--fad-portal-common-input-border-radius);box-sizing:border-box}:host .selector-document .document-status-message{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--fad-portal-common-separation-md)}:host .selector-document .document-status-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;font-size:14px;box-sizing:border-box}:host .selector-document .document-status-bar .document-status-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;font-size:14px;box-sizing:border-box}:host .selector-document .document-status-bar .approve-all{display:flex;align-items:center;gap:10px;cursor:pointer;box-sizing:border-box}:host .selector-document .document-status-bar .approve-all span{cursor:pointer;-webkit-user-select:none;user-select:none}:host .selector-document .document-status-bar .document-counts{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);box-sizing:border-box}:host .selector-document .document-status-bar .document-counts span{color:#fff}:host .selector-document .document-status-bar .fad-portal-primary{min-width:0px;width:50%}@media (max-width: 992px){:host .selector-document .document-status-bar .fad-portal-primary{width:100%;margin-top:var(--fad-portal-common-separation-md)}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i2$2.FadService }, { type: i0.ChangeDetectorRef }, { type: i1.NgFadPdfReaderService }]; }, propDecorators: { configuration: [{
                 type: Input
             }], rfc: [{
@@ -868,11 +888,11 @@ class UploadESignatureComponent {
         Utils.setVariableCss('--fad-signature-fea-e-signature-file-img-background-color', this.configuration.customization?.moduleCustomization?.style?.file?.img?.backgroundColor, { targetElement });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadESignatureComponent, deps: [{ token: i0.ElementRef }, { token: i1$1.FormBuilder }, { token: i2$2.FadService }, { token: i2$2.MifielService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploadESignatureComponent, selector: "ng-fad-signature-fea-upload-e-signature", inputs: { configuration: "configuration", documents: "documents", signerId: "signerId", rfc: "rfc" }, outputs: { onerror: "onerror", onloader: "onloader", oncomplete: "oncomplete" }, ngImport: i0, template: "<ng-container *ngIf=\"showComponent\">\r\n  <div>\r\n    <div *ngIf=\"documents.length > 1\" class=\"fad-portal-title-bold\">{{ documentPluralTitle }}</div>\r\n    <div *ngIf=\"documents.length === 1\" class=\"fad-portal-title-bold\">{{ documentSingularTitle }}</div>\r\n\r\n    <div class=\"container-document fad-portal-content\">\r\n      <div *ngFor=\"let i of documents\" class=\"document\">\r\n        <div>{{ i.doc.name }}</div>\r\n        <div class=\"status fad-portal-content-bold\">{{ i.approved ? configuration.customization?.moduleCustomization?.legends?.documents?.status?.approved :  configuration.customization?.moduleCustomization?.legends?.documents?.status?.rejected }}</div>\r\n        <div class=\"pages\">{{ i.doc.pages }} {{ i.doc.pages > 1 ? configuration.customization?.moduleCustomization?.legends?.documents?.pages?.plural : configuration.customization?.moduleCustomization?.legends?.documents?.pages?.singular }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!allIsRejected()\">\r\n    <div class=\"fad-portal-title-bold\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.title }}</div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.label }}</div>\r\n        <div *ngIf=\"cer?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileCerInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!cer?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileCerInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatCerList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'cer')\"\r\n        (onerror)=\"onerrorDirective($event, 'cer')\">\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"cer?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ cer?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".cer\" #fileCerInput style=\"display: none\" (change)=\"onFileChange($event, 'cer')\">\r\n    </div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.label }}</div>\r\n        <div *ngIf=\"key?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileKeyInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!key?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileKeyInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatKeyList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'key')\"\r\n        (onerror)=\"onerrorDirective($event, 'key')\">\r\n\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"key?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ key?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".key\" #fileKeyInput style=\"display: none\" (change)=\"onFileChange($event, 'key')\">\r\n    </div>\r\n\r\n    <div class=\"fad-portal-container-input\" [formGroup]=\"form\">\r\n      <label class=\"fad-portal-content\" for=\"\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.label }}</label>\r\n      <div class=\"input-password\">\r\n        <input [type]=\"passwordInputType\" (input)=\"savePassword($event)\" formControlName=\"password\"/>\r\n        <div class=\"fad-portal-content-bold password-show\">\r\n          <div *ngIf=\"passwordInputType === 'text'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.hide }}</div>\r\n          <div *ngIf=\"passwordInputType === 'password'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.show }}</div>\r\n        </div>\r\n        <ng-fad-portal-shared-form-errors [formData]=\"password!\" [configuration]=\"configuration.formErrors?.configuration!\"></ng-fad-portal-shared-form-errors>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n\r\n  <div></div>\r\n\r\n  <div class=\"fad-portal-content container-confirm\">\r\n    <div *ngIf=\"!allIsRejected()\" (click)=\"isValidated = !isValidated\">\r\n      <div>\r\n        <ng-fad-image-inline *ngIf=\"isValidated\" [src]=\"checkOnImg\"></ng-fad-image-inline>\r\n        <ng-fad-image-inline *ngIf=\"!isValidated\" [src]=\"checkOffImg\"></ng-fad-image-inline>\r\n      </div>\r\n      <div *ngIf=\"documents.length === 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.singular }}</div>\r\n      <div *ngIf=\"documents.length > 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.plural }}</div>\r\n    </div>\r\n\r\n    <div></div>\r\n\r\n    <div class=\"action\">\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.plural }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.plural }}</button>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-md)}:host .container-document{display:flex;flex-direction:column;width:100%;background-color:var(--fad-signature-fea-e-signature-documents-background-color);border-radius:var(--fad-signature-fea-e-signature-documents-border-radius);padding:var(--fad-portal-common-separation-md);box-sizing:border-box;margin-top:var(--fad-portal-common-separation-xs)}:host .container-document .document{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between;border-bottom:1px solid var(--fad-portal-common-border-color);padding:var(--fad-portal-common-separation-md) 0}:host .container-document .document>div{flex:1}:host .container-document .document .status{text-align:center}:host .container-document .document .pages{text-align:end;color:var(--fad-portal-common-legends-secondary)}:host .document:only-child{border-bottom:none!important}:host .container-instruction-file{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between}:host .container-instruction-file .select-file{color:var(--fad-portal-common-primary-color);cursor:pointer}:host .container-upload{width:100%;box-sizing:border-box;border-radius:var(--fad-signature-fea-e-signature-upload-border-radius);border:var(--fad-signature-fea-e-signature-upload-border);padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-xs);display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);align-items:center;justify-content:center;text-align:center;background-color:var(--fad-signature-fea-e-signature-upload-background-color)}:host .container-upload .instruction{color:var(--fad-portal-common-legends-secondary)}:host .container-upload .upload-btn{max-width:90%;width:300px;box-sizing:border-box;background-color:var(--fad-signature-fea-e-signature-upload-button-background-color);border-radius:var(--fad-signature-fea-e-signature-upload-button-border-radius);color:var(--fad-portal-common-legends-tertiary);padding:var(--fad-portal-common-separation-xs);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--fad-portal-common-separation-xs)}:host .container-upload .upload-btn:hover{background-color:var(--fad-signature-fea-e-signature-upload-button-hover)}:host .container-file{display:flex;gap:var(--fad-portal-common-separation-md);align-items:center;padding:var(--fad-portal-common-separation-md);border:2px solid var(--fad-portal-common-successful-color);height:71px;border-radius:var(--fad-signature-fea-e-signature-file-border-radius);margin-top:var(--fad-portal-common-separation-xs)}:host .container-file .document-img{background-color:var(--fad-signature-fea-e-signature-file-img-background-color);width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}:host .container-file .document-img img{width:60%;max-width:100%;max-height:100%}:host .fad-portal-container-input .input-password{position:relative}:host .fad-portal-container-input .input-password input{padding-right:100px}:host .fad-portal-container-input .input-password .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fad-portal-common-legends-secondary);cursor:pointer}:host .container-confirm{display:flex;justify-content:space-between;align-items:center;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child{display:flex;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child>div:first-child{width:25px;height:25px}:host .container-confirm .action{max-width:80%;width:400px}:host .container-confirm ng-fad-image-inline{cursor:pointer}@media (max-width: 992px){:host .container-document .document{flex-direction:column;gap:var(--fad-portal-common-separation-xs)}:host .container-document .document .status,:host .container-document .document .pages{text-align:start!important}:host .container-confirm{flex-direction:column}:host .container-confirm .action{max-width:100%;width:100%!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.DragDropDocumentDirective, selector: "[dragDropDocument]", inputs: ["formatList", "acceptMultipleFiles"], outputs: ["onfiledropped", "onerror"] }, { kind: "component", type: i4.FormErrorsComponent, selector: "ng-fad-portal-shared-form-errors", inputs: ["configuration", "formData"], outputs: ["onerror"] }, { kind: "component", type: i4$1.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploadESignatureComponent, selector: "ng-fad-signature-fea-upload-e-signature", inputs: { configuration: "configuration", documents: "documents", signerId: "signerId", rfc: "rfc" }, outputs: { onerror: "onerror", onloader: "onloader", oncomplete: "oncomplete" }, ngImport: i0, template: "<ng-container *ngIf=\"showComponent\">\r\n  <div>\r\n    <div *ngIf=\"documents.length > 1\" class=\"fad-portal-title-bold\">{{ documentPluralTitle }}</div>\r\n    <div *ngIf=\"documents.length === 1\" class=\"fad-portal-title-bold\">{{ documentSingularTitle }}</div>\r\n\r\n    <div class=\"container-document fad-portal-content\">\r\n      <div *ngFor=\"let i of documents\" class=\"document\">\r\n        <div>{{ i.doc.name }}</div>\r\n        <div class=\"status fad-portal-content-bold\">{{ i.approved ? configuration.customization?.moduleCustomization?.legends?.documents?.status?.approved :  configuration.customization?.moduleCustomization?.legends?.documents?.status?.rejected }}</div>\r\n        <div class=\"pages\">{{ i.doc.pages }} {{ i.doc.pages > 1 ? configuration.customization?.moduleCustomization?.legends?.documents?.pages?.plural : configuration.customization?.moduleCustomization?.legends?.documents?.pages?.singular }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!allIsRejected()\">\r\n    <div class=\"fad-portal-title-bold\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.title }}</div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.label }}</div>\r\n        <div *ngIf=\"cer?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileCerInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!cer?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileCerInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatCerList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'cer')\"\r\n        (onerror)=\"onerrorDirective($event, 'cer')\">\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"cer?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ cer?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".cer\" #fileCerInput style=\"display: none\" (change)=\"onFileChange($event, 'cer')\">\r\n    </div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.label }}</div>\r\n        <div *ngIf=\"key?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileKeyInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!key?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileKeyInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatKeyList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'key')\"\r\n        (onerror)=\"onerrorDirective($event, 'key')\">\r\n\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"key?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ key?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".key\" #fileKeyInput style=\"display: none\" (change)=\"onFileChange($event, 'key')\">\r\n    </div>\r\n\r\n    <div class=\"fad-portal-container-input\" [formGroup]=\"form\">\r\n      <label class=\"fad-portal-content\" for=\"\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.label }}</label>\r\n      <div class=\"input-password\">\r\n        <input [type]=\"passwordInputType\" (input)=\"savePassword($event)\" formControlName=\"password\"/>\r\n        <div class=\"fad-portal-content-bold password-show\">\r\n          <div *ngIf=\"passwordInputType === 'text'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.hide }}</div>\r\n          <div *ngIf=\"passwordInputType === 'password'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.show }}</div>\r\n        </div>\r\n        <ng-fad-portal-shared-form-errors [formData]=\"password!\" [configuration]=\"configuration.formErrors?.configuration!\"></ng-fad-portal-shared-form-errors>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n\r\n  <div></div>\r\n\r\n  <div class=\"fad-portal-content container-confirm\">\r\n    <div *ngIf=\"!allIsRejected()\" (click)=\"isValidated = !isValidated\">\r\n      <div>\r\n        <ng-fad-image-inline *ngIf=\"isValidated\" [src]=\"checkOnImg\"></ng-fad-image-inline>\r\n        <ng-fad-image-inline *ngIf=\"!isValidated\" [src]=\"checkOffImg\"></ng-fad-image-inline>\r\n      </div>\r\n      <div *ngIf=\"documents.length === 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.singular }}</div>\r\n      <div *ngIf=\"documents.length > 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.plural }}</div>\r\n    </div>\r\n\r\n    <div></div>\r\n\r\n    <div class=\"action\">\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.plural }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.plural }}</button>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-md)}:host .container-document{display:flex;flex-direction:column;width:100%;background-color:var(--fad-signature-fea-e-signature-documents-background-color);border-radius:var(--fad-signature-fea-e-signature-documents-border-radius);padding:var(--fad-portal-common-separation-md);box-sizing:border-box;margin-top:var(--fad-portal-common-separation-xs)}:host .container-document .document{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between;border-bottom:1px solid var(--fad-portal-common-border-color);padding:var(--fad-portal-common-separation-md) 0}:host .container-document .document>div{flex:1}:host .container-document .document .status{text-align:center}:host .container-document .document .pages{text-align:end;color:var(--fad-portal-common-legends-secondary)}:host .document:only-child{border-bottom:none!important}:host .container-instruction-file{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between}:host .container-instruction-file .select-file{color:var(--fad-portal-common-primary-color);cursor:pointer}:host .container-upload{width:100%;box-sizing:border-box;border-radius:var(--fad-signature-fea-e-signature-upload-border-radius);border:var(--fad-signature-fea-e-signature-upload-border);padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-xs);display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);align-items:center;justify-content:center;text-align:center;background-color:var(--fad-signature-fea-e-signature-upload-background-color)}:host .container-upload .instruction{color:var(--fad-portal-common-legends-secondary)}:host .container-upload .upload-btn{max-width:90%;width:300px;box-sizing:border-box;background-color:var(--fad-signature-fea-e-signature-upload-button-background-color);border-radius:var(--fad-signature-fea-e-signature-upload-button-border-radius);color:var(--fad-portal-common-legends-tertiary);padding:var(--fad-portal-common-separation-xs);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--fad-portal-common-separation-xs)}:host .container-upload .upload-btn:hover{background-color:var(--fad-signature-fea-e-signature-upload-button-hover)}:host .container-file{display:flex;gap:var(--fad-portal-common-separation-md);align-items:center;padding:var(--fad-portal-common-separation-md);border:2px solid var(--fad-portal-common-successful-color);height:71px;border-radius:var(--fad-signature-fea-e-signature-file-border-radius);margin-top:var(--fad-portal-common-separation-xs)}:host .container-file .fad-portal-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .container-file .document-img{background-color:var(--fad-signature-fea-e-signature-file-img-background-color);width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}:host .container-file .document-img img{width:60%;max-width:100%;max-height:100%}:host .fad-portal-container-input .input-password{position:relative}:host .fad-portal-container-input .input-password input{padding-right:100px}:host .fad-portal-container-input .input-password .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fad-portal-common-legends-secondary);cursor:pointer}:host .container-confirm{display:flex;justify-content:space-between;align-items:center;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child{display:flex;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child>div:first-child{width:25px;height:25px}:host .container-confirm .action{max-width:80%;width:400px}:host .container-confirm ng-fad-image-inline{cursor:pointer}@media (max-width: 992px){:host .container-document .document{flex-direction:column;gap:var(--fad-portal-common-separation-xs)}:host .container-document .document .status,:host .container-document .document .pages{text-align:start!important}:host .container-confirm{flex-direction:column}:host .container-confirm .action{max-width:100%;width:100%!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.DragDropDocumentDirective, selector: "[dragDropDocument]", inputs: ["formatList", "acceptMultipleFiles"], outputs: ["onfiledropped", "onerror"] }, { kind: "component", type: i4.FormErrorsComponent, selector: "ng-fad-portal-shared-form-errors", inputs: ["configuration", "formData"], outputs: ["onerror"] }, { kind: "component", type: i4$1.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploadESignatureComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-fad-signature-fea-upload-e-signature', template: "<ng-container *ngIf=\"showComponent\">\r\n  <div>\r\n    <div *ngIf=\"documents.length > 1\" class=\"fad-portal-title-bold\">{{ documentPluralTitle }}</div>\r\n    <div *ngIf=\"documents.length === 1\" class=\"fad-portal-title-bold\">{{ documentSingularTitle }}</div>\r\n\r\n    <div class=\"container-document fad-portal-content\">\r\n      <div *ngFor=\"let i of documents\" class=\"document\">\r\n        <div>{{ i.doc.name }}</div>\r\n        <div class=\"status fad-portal-content-bold\">{{ i.approved ? configuration.customization?.moduleCustomization?.legends?.documents?.status?.approved :  configuration.customization?.moduleCustomization?.legends?.documents?.status?.rejected }}</div>\r\n        <div class=\"pages\">{{ i.doc.pages }} {{ i.doc.pages > 1 ? configuration.customization?.moduleCustomization?.legends?.documents?.pages?.plural : configuration.customization?.moduleCustomization?.legends?.documents?.pages?.singular }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!allIsRejected()\">\r\n    <div class=\"fad-portal-title-bold\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.title }}</div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.label }}</div>\r\n        <div *ngIf=\"cer?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileCerInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!cer?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileCerInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatCerList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'cer')\"\r\n        (onerror)=\"onerrorDirective($event, 'cer')\">\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"cer?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ cer?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".cer\" #fileCerInput style=\"display: none\" (change)=\"onFileChange($event, 'cer')\">\r\n    </div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.label }}</div>\r\n        <div *ngIf=\"key?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileKeyInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!key?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileKeyInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatKeyList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'key')\"\r\n        (onerror)=\"onerrorDirective($event, 'key')\">\r\n\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"key?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ key?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".key\" #fileKeyInput style=\"display: none\" (change)=\"onFileChange($event, 'key')\">\r\n    </div>\r\n\r\n    <div class=\"fad-portal-container-input\" [formGroup]=\"form\">\r\n      <label class=\"fad-portal-content\" for=\"\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.label }}</label>\r\n      <div class=\"input-password\">\r\n        <input [type]=\"passwordInputType\" (input)=\"savePassword($event)\" formControlName=\"password\"/>\r\n        <div class=\"fad-portal-content-bold password-show\">\r\n          <div *ngIf=\"passwordInputType === 'text'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.hide }}</div>\r\n          <div *ngIf=\"passwordInputType === 'password'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.show }}</div>\r\n        </div>\r\n        <ng-fad-portal-shared-form-errors [formData]=\"password!\" [configuration]=\"configuration.formErrors?.configuration!\"></ng-fad-portal-shared-form-errors>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n\r\n  <div></div>\r\n\r\n  <div class=\"fad-portal-content container-confirm\">\r\n    <div *ngIf=\"!allIsRejected()\" (click)=\"isValidated = !isValidated\">\r\n      <div>\r\n        <ng-fad-image-inline *ngIf=\"isValidated\" [src]=\"checkOnImg\"></ng-fad-image-inline>\r\n        <ng-fad-image-inline *ngIf=\"!isValidated\" [src]=\"checkOffImg\"></ng-fad-image-inline>\r\n      </div>\r\n      <div *ngIf=\"documents.length === 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.singular }}</div>\r\n      <div *ngIf=\"documents.length > 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.plural }}</div>\r\n    </div>\r\n\r\n    <div></div>\r\n\r\n    <div class=\"action\">\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.plural }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.plural }}</button>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-md)}:host .container-document{display:flex;flex-direction:column;width:100%;background-color:var(--fad-signature-fea-e-signature-documents-background-color);border-radius:var(--fad-signature-fea-e-signature-documents-border-radius);padding:var(--fad-portal-common-separation-md);box-sizing:border-box;margin-top:var(--fad-portal-common-separation-xs)}:host .container-document .document{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between;border-bottom:1px solid var(--fad-portal-common-border-color);padding:var(--fad-portal-common-separation-md) 0}:host .container-document .document>div{flex:1}:host .container-document .document .status{text-align:center}:host .container-document .document .pages{text-align:end;color:var(--fad-portal-common-legends-secondary)}:host .document:only-child{border-bottom:none!important}:host .container-instruction-file{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between}:host .container-instruction-file .select-file{color:var(--fad-portal-common-primary-color);cursor:pointer}:host .container-upload{width:100%;box-sizing:border-box;border-radius:var(--fad-signature-fea-e-signature-upload-border-radius);border:var(--fad-signature-fea-e-signature-upload-border);padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-xs);display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);align-items:center;justify-content:center;text-align:center;background-color:var(--fad-signature-fea-e-signature-upload-background-color)}:host .container-upload .instruction{color:var(--fad-portal-common-legends-secondary)}:host .container-upload .upload-btn{max-width:90%;width:300px;box-sizing:border-box;background-color:var(--fad-signature-fea-e-signature-upload-button-background-color);border-radius:var(--fad-signature-fea-e-signature-upload-button-border-radius);color:var(--fad-portal-common-legends-tertiary);padding:var(--fad-portal-common-separation-xs);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--fad-portal-common-separation-xs)}:host .container-upload .upload-btn:hover{background-color:var(--fad-signature-fea-e-signature-upload-button-hover)}:host .container-file{display:flex;gap:var(--fad-portal-common-separation-md);align-items:center;padding:var(--fad-portal-common-separation-md);border:2px solid var(--fad-portal-common-successful-color);height:71px;border-radius:var(--fad-signature-fea-e-signature-file-border-radius);margin-top:var(--fad-portal-common-separation-xs)}:host .container-file .document-img{background-color:var(--fad-signature-fea-e-signature-file-img-background-color);width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}:host .container-file .document-img img{width:60%;max-width:100%;max-height:100%}:host .fad-portal-container-input .input-password{position:relative}:host .fad-portal-container-input .input-password input{padding-right:100px}:host .fad-portal-container-input .input-password .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fad-portal-common-legends-secondary);cursor:pointer}:host .container-confirm{display:flex;justify-content:space-between;align-items:center;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child{display:flex;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child>div:first-child{width:25px;height:25px}:host .container-confirm .action{max-width:80%;width:400px}:host .container-confirm ng-fad-image-inline{cursor:pointer}@media (max-width: 992px){:host .container-document .document{flex-direction:column;gap:var(--fad-portal-common-separation-xs)}:host .container-document .document .status,:host .container-document .document .pages{text-align:start!important}:host .container-confirm{flex-direction:column}:host .container-confirm .action{max-width:100%;width:100%!important}}\n"] }]
+            args: [{ selector: 'ng-fad-signature-fea-upload-e-signature', template: "<ng-container *ngIf=\"showComponent\">\r\n  <div>\r\n    <div *ngIf=\"documents.length > 1\" class=\"fad-portal-title-bold\">{{ documentPluralTitle }}</div>\r\n    <div *ngIf=\"documents.length === 1\" class=\"fad-portal-title-bold\">{{ documentSingularTitle }}</div>\r\n\r\n    <div class=\"container-document fad-portal-content\">\r\n      <div *ngFor=\"let i of documents\" class=\"document\">\r\n        <div>{{ i.doc.name }}</div>\r\n        <div class=\"status fad-portal-content-bold\">{{ i.approved ? configuration.customization?.moduleCustomization?.legends?.documents?.status?.approved :  configuration.customization?.moduleCustomization?.legends?.documents?.status?.rejected }}</div>\r\n        <div class=\"pages\">{{ i.doc.pages }} {{ i.doc.pages > 1 ? configuration.customization?.moduleCustomization?.legends?.documents?.pages?.plural : configuration.customization?.moduleCustomization?.legends?.documents?.pages?.singular }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!allIsRejected()\">\r\n    <div class=\"fad-portal-title-bold\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.title }}</div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.label }}</div>\r\n        <div *ngIf=\"cer?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileCerInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!cer?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileCerInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatCerList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'cer')\"\r\n        (onerror)=\"onerrorDirective($event, 'cer')\">\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.cer?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"cer?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ cer?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".cer\" #fileCerInput style=\"display: none\" (change)=\"onFileChange($event, 'cer')\">\r\n    </div>\r\n\r\n    <div>\r\n      <div class=\"container-instruction-file\">\r\n        <div class=\"fad-portal-content\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.label }}</div>\r\n        <div *ngIf=\"key?.value\" class=\"fad-portal-content select-file\" (click)=\"openFilePicker(fileKeyInput)\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.upload }}</div>\r\n      </div>\r\n\r\n      <div\r\n        *ngIf=\"!key?.value\"\r\n        class=\"container-upload\"\r\n        (click)=\"openFilePicker(fileKeyInput)\"\r\n        dragDropDocument\r\n        [formatList]=\"formatKeyList\"\r\n        [acceptMultipleFiles]=\"false\"\r\n        (onfiledropped)=\"onfiledropped($event, 'key')\"\r\n        (onerror)=\"onerrorDirective($event, 'key')\">\r\n\r\n        <div class=\"fad-portal-content instruction\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.instruction }}</div>\r\n        <div class=\"fad-portal-content-bold upload-btn\">\r\n          <ng-fad-image-inline [src]=\"uploadImg\"></ng-fad-image-inline>\r\n          <span>{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.key?.upload }}</span>\r\n        </div>\r\n      </div>\r\n\r\n      <div *ngIf=\"key?.value\" class=\"container-file\">\r\n        <div class=\"document-img\">\r\n          <img [src]=\"fileImg\" alt=\"\">\r\n        </div>\r\n        <div class=\"fad-portal-content\">{{ key?.value.name }}</div>\r\n      </div>\r\n\r\n      <input type=\"file\" accept=\".key\" #fileKeyInput style=\"display: none\" (change)=\"onFileChange($event, 'key')\">\r\n    </div>\r\n\r\n    <div class=\"fad-portal-container-input\" [formGroup]=\"form\">\r\n      <label class=\"fad-portal-content\" for=\"\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.label }}</label>\r\n      <div class=\"input-password\">\r\n        <input [type]=\"passwordInputType\" (input)=\"savePassword($event)\" formControlName=\"password\"/>\r\n        <div class=\"fad-portal-content-bold password-show\">\r\n          <div *ngIf=\"passwordInputType === 'text'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.hide }}</div>\r\n          <div *ngIf=\"passwordInputType === 'password'\" (click)=\"changePaswordInputType()\">{{ configuration.customization?.moduleCustomization?.legends?.eSignature?.password?.show }}</div>\r\n        </div>\r\n        <ng-fad-portal-shared-form-errors [formData]=\"password!\" [configuration]=\"configuration.formErrors?.configuration!\"></ng-fad-portal-shared-form-errors>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n\r\n  <div></div>\r\n\r\n  <div class=\"fad-portal-content container-confirm\">\r\n    <div *ngIf=\"!allIsRejected()\" (click)=\"isValidated = !isValidated\">\r\n      <div>\r\n        <ng-fad-image-inline *ngIf=\"isValidated\" [src]=\"checkOnImg\"></ng-fad-image-inline>\r\n        <ng-fad-image-inline *ngIf=\"!isValidated\" [src]=\"checkOffImg\"></ng-fad-image-inline>\r\n      </div>\r\n      <div *ngIf=\"documents.length === 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.singular }}</div>\r\n      <div *ngIf=\"documents.length > 1\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.validate?.plural }}</div>\r\n    </div>\r\n\r\n    <div></div>\r\n\r\n    <div class=\"action\">\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && !allIsRejected()\" class=\"fad-portal-primary\" [disabled]=\"!form.valid || !isValidated\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.sign?.plural }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length === 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.singular }}</button>\r\n      <button type=\"button\" *ngIf=\"documents.length > 1 && allIsRejected()\" class=\"fad-portal-primary\" (click)=\"onSignDocuments()\">{{ configuration.customization?.moduleCustomization?.legends?.sign?.button?.reject?.plural }}</button>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n", styles: [":host{display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-md)}:host .container-document{display:flex;flex-direction:column;width:100%;background-color:var(--fad-signature-fea-e-signature-documents-background-color);border-radius:var(--fad-signature-fea-e-signature-documents-border-radius);padding:var(--fad-portal-common-separation-md);box-sizing:border-box;margin-top:var(--fad-portal-common-separation-xs)}:host .container-document .document{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between;border-bottom:1px solid var(--fad-portal-common-border-color);padding:var(--fad-portal-common-separation-md) 0}:host .container-document .document>div{flex:1}:host .container-document .document .status{text-align:center}:host .container-document .document .pages{text-align:end;color:var(--fad-portal-common-legends-secondary)}:host .document:only-child{border-bottom:none!important}:host .container-instruction-file{display:flex;gap:var(--fad-portal-common-separation-md);justify-content:space-between}:host .container-instruction-file .select-file{color:var(--fad-portal-common-primary-color);cursor:pointer}:host .container-upload{width:100%;box-sizing:border-box;border-radius:var(--fad-signature-fea-e-signature-upload-border-radius);border:var(--fad-signature-fea-e-signature-upload-border);padding:var(--fad-portal-common-separation-md);margin-top:var(--fad-portal-common-separation-xs);display:flex;flex-direction:column;gap:var(--fad-portal-common-separation-xs);align-items:center;justify-content:center;text-align:center;background-color:var(--fad-signature-fea-e-signature-upload-background-color)}:host .container-upload .instruction{color:var(--fad-portal-common-legends-secondary)}:host .container-upload .upload-btn{max-width:90%;width:300px;box-sizing:border-box;background-color:var(--fad-signature-fea-e-signature-upload-button-background-color);border-radius:var(--fad-signature-fea-e-signature-upload-button-border-radius);color:var(--fad-portal-common-legends-tertiary);padding:var(--fad-portal-common-separation-xs);cursor:pointer;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;text-align:center;gap:var(--fad-portal-common-separation-xs)}:host .container-upload .upload-btn:hover{background-color:var(--fad-signature-fea-e-signature-upload-button-hover)}:host .container-file{display:flex;gap:var(--fad-portal-common-separation-md);align-items:center;padding:var(--fad-portal-common-separation-md);border:2px solid var(--fad-portal-common-successful-color);height:71px;border-radius:var(--fad-signature-fea-e-signature-file-border-radius);margin-top:var(--fad-portal-common-separation-xs)}:host .container-file .fad-portal-content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .container-file .document-img{background-color:var(--fad-signature-fea-e-signature-file-img-background-color);width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center}:host .container-file .document-img img{width:60%;max-width:100%;max-height:100%}:host .fad-portal-container-input .input-password{position:relative}:host .fad-portal-container-input .input-password input{padding-right:100px}:host .fad-portal-container-input .input-password .password-show{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--fad-portal-common-legends-secondary);cursor:pointer}:host .container-confirm{display:flex;justify-content:space-between;align-items:center;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child{display:flex;gap:var(--fad-portal-common-separation-xs)}:host .container-confirm>div:first-child>div:first-child{width:25px;height:25px}:host .container-confirm .action{max-width:80%;width:400px}:host .container-confirm ng-fad-image-inline{cursor:pointer}@media (max-width: 992px){:host .container-document .document{flex-direction:column;gap:var(--fad-portal-common-separation-xs)}:host .container-document .document .status,:host .container-document .document .pages{text-align:start!important}:host .container-confirm{flex-direction:column}:host .container-confirm .action{max-width:100%;width:100%!important}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$1.FormBuilder }, { type: i2$2.FadService }, { type: i2$2.MifielService }]; }, propDecorators: { configuration: [{
                 type: Input
             }], documents: [{
@@ -898,11 +918,11 @@ class GenericErrorFeaComponent {
         this.configuration = Utils.mergeConfiguration(new Configuration(), GENERIC_ERROR_FEA_CONFIGURATION_DEFAULT, this.configuration);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericErrorFeaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericErrorFeaComponent, selector: "ng-fad-signature-fea-generic-error-fea", inputs: { configuration: "configuration", title: "title", instruction: "instruction" }, ngImport: i0, template: "<ng-fad-image-inline [src]=\"errorIgm\"></ng-fad-image-inline>\n<div class=\"fad-portal-title-bold\">{{ title ? title : configuration.customization?.moduleCustomization?.legends?.title }}</div>\n<div class=\"fad-portal-content\">{{ instruction ? instruction : configuration.customization?.moduleCustomization?.legends?.instruction }}</div>\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--fad-portal-common-separation-md)}\n"], dependencies: [{ kind: "component", type: i4$1.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GenericErrorFeaComponent, selector: "ng-fad-signature-fea-generic-error-fea", inputs: { configuration: "configuration", title: "title", instruction: "instruction" }, ngImport: i0, template: "<ng-fad-image-inline [src]=\"errorIgm\"></ng-fad-image-inline>\r\n<div class=\"fad-portal-title-bold\">{{ title ? title : configuration.customization?.moduleCustomization?.legends?.title }}</div>\r\n<div class=\"fad-portal-content\">{{ instruction ? instruction : configuration.customization?.moduleCustomization?.legends?.instruction }}</div>\r\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--fad-portal-common-separation-md)}\n"], dependencies: [{ kind: "component", type: i4$1.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GenericErrorFeaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-fad-signature-fea-generic-error-fea', template: "<ng-fad-image-inline [src]=\"errorIgm\"></ng-fad-image-inline>\n<div class=\"fad-portal-title-bold\">{{ title ? title : configuration.customization?.moduleCustomization?.legends?.title }}</div>\n<div class=\"fad-portal-content\">{{ instruction ? instruction : configuration.customization?.moduleCustomization?.legends?.instruction }}</div>\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--fad-portal-common-separation-md)}\n"] }]
+            args: [{ selector: 'ng-fad-signature-fea-generic-error-fea', template: "<ng-fad-image-inline [src]=\"errorIgm\"></ng-fad-image-inline>\r\n<div class=\"fad-portal-title-bold\">{{ title ? title : configuration.customization?.moduleCustomization?.legends?.title }}</div>\r\n<div class=\"fad-portal-content\">{{ instruction ? instruction : configuration.customization?.moduleCustomization?.legends?.instruction }}</div>\r\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--fad-portal-common-separation-md)}\n"] }]
         }], propDecorators: { configuration: [{
                 type: Input
             }], title: [{
@@ -1072,11 +1092,11 @@ class SignatureSummaryComponent {
         this.configuration = Utils.mergeConfiguration(new Configuration(), SIGNATURE_SUMMARY_DEFAULT, this.configuration);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureSummaryComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SignatureSummaryComponent, selector: "ng-fad-signature-fea-signature-summary", inputs: { documentRequest: "documentRequest", configuration: "configuration" }, outputs: { oncomplete: "oncomplete" }, ngImport: i0, template: "<div class=\"fad-portal-content\">\r\n    \r\n    <ng-container *ngIf=\"!isAllDocumentsRejected\" >\r\n            <ng-fad-image-inline\r\n            [src]=\"images.send\"\r\n            >\r\n            </ng-fad-image-inline>\r\n            <div class=\"fad-portal-title-bold\">\r\n                {{pdfsName}}\r\n            </div>\r\n            <div class=\"fad-portal-content-bold date\">{{ currentDate }}</div>\r\n            <div class=\"summary\">\r\n                <div class=\"fad-portal-content-bold signeds\">\r\n                    <div>{{configuration.customization?.moduleCustomization?.legends?.signed}}</div>\r\n                    <div>{{signedCount}}</div>\r\n                </div>\r\n                <div class=\"line\">\r\n\r\n                </div>\r\n                <div class=\"fad-portal-content-bold rejecteds\">\r\n                    <div>{{configuration.customization?.moduleCustomization?.legends?.rejected}}</div>\r\n                    <div>{{rejectedCount}}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"legends\">\r\n                {{configuration.customization?.moduleCustomization?.legends?.legend}}\r\n            </div>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isAllDocumentsRejected\" >\r\n        <ng-fad-image-inline\r\n        [src]=\"images.reject\"\r\n        >\r\n        </ng-fad-image-inline>\r\n        <div class=\"document-rejected\"> {{configuration.customization?.moduleCustomization?.legends?.documentRejected}} </div>\r\n        <div class=\"fad-portal-title-bold title-document\">\r\n            {{pdfsName}}\r\n        </div>\r\n        <div class=\"id-requisition\">\r\n            ID {{id}} | {{ currentDate }}\r\n        </div>\r\n    </ng-container>\r\n    \r\n</div>", styles: [".fad-portal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.fad-portal-content .fad-portal-title{margin-top:var(--fad-portal-common-separation-sm);margin-bottom:var(--fad-portal-common-separation-sm)}.fad-portal-content .date{color:#aaa}.fad-portal-content .summary{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;row-gap:var(--fad-portal-common-separation-sm);margin-bottom:var(--fad-portal-common-separation-xs)}.fad-portal-content .summary .signeds,.fad-portal-content .summary .rejecteds{width:100%;display:flex;justify-content:space-between}.fad-portal-content .summary .line{width:100%;border:1px solid var(--fad-portal-common-border-color)}.fad-portal-content .legends{text-align:center}.fad-portal-content .document-rejected{color:#aaa;margin-bottom:var(--fad-portal-common-separation-sm)}.fad-portal-content .id-requisition{color:#aaa;margin-top:var(--fad-portal-common-separation-sm)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SignatureSummaryComponent, selector: "ng-fad-signature-fea-signature-summary", inputs: { documentRequest: "documentRequest", configuration: "configuration" }, outputs: { oncomplete: "oncomplete" }, ngImport: i0, template: "<div class=\"fad-portal-content\">\n    \n    <ng-container *ngIf=\"!isAllDocumentsRejected\" >\n            <ng-fad-image-inline\n            [src]=\"images.send\"\n            >\n            </ng-fad-image-inline>\n            <div class=\"fad-portal-title-bold\">\n                {{pdfsName}}\n            </div>\n            <div class=\"fad-portal-content-bold date\">{{ currentDate }}</div>\n            <div class=\"summary\">\n                <div class=\"fad-portal-content-bold signeds\">\n                    <div>{{configuration.customization?.moduleCustomization?.legends?.signed}}</div>\n                    <div>{{signedCount}}</div>\n                </div>\n                <div class=\"line\">\n\n                </div>\n                <div class=\"fad-portal-content-bold rejecteds\">\n                    <div>{{configuration.customization?.moduleCustomization?.legends?.rejected}}</div>\n                    <div>{{rejectedCount}}</div>\n                </div>\n            </div>\n            <div class=\"legends\">\n                {{configuration.customization?.moduleCustomization?.legends?.legend}}\n            </div>\n    </ng-container>\n    <ng-container *ngIf=\"isAllDocumentsRejected\" >\n        <ng-fad-image-inline\n        [src]=\"images.reject\"\n        >\n        </ng-fad-image-inline>\n        <div class=\"document-rejected\"> {{configuration.customization?.moduleCustomization?.legends?.documentRejected}} </div>\n        <div class=\"fad-portal-title-bold title-document\">\n            {{pdfsName}}\n        </div>\n        <div class=\"id-requisition\">\n            ID {{id}} | {{ currentDate }}\n        </div>\n    </ng-container>\n    \n</div>", styles: [".fad-portal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;row-gap:var(--fad-portal-common-separation-sm)}.fad-portal-content .fad-portal-title{margin-top:var(--fad-portal-common-separation-sm);margin-bottom:var(--fad-portal-common-separation-sm)}.fad-portal-content .date{color:#aaa}.fad-portal-content .summary{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;row-gap:var(--fad-portal-common-separation-sm);margin-bottom:var(--fad-portal-common-separation-xs)}.fad-portal-content .summary .signeds,.fad-portal-content .summary .rejecteds{width:100%;display:flex;justify-content:space-between}.fad-portal-content .summary .line{width:100%;border:1px solid var(--fad-portal-common-border-color)}.fad-portal-content .legends{text-align:center}.fad-portal-content .document-rejected{color:#aaa;margin-bottom:var(--fad-portal-common-separation-sm)}.fad-portal-content .id-requisition{color:#aaa;margin-top:var(--fad-portal-common-separation-sm)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.NgFadImageInlineComponent, selector: "ng-fad-image-inline", inputs: ["src"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureSummaryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ng-fad-signature-fea-signature-summary', template: "<div class=\"fad-portal-content\">\r\n    \r\n    <ng-container *ngIf=\"!isAllDocumentsRejected\" >\r\n            <ng-fad-image-inline\r\n            [src]=\"images.send\"\r\n            >\r\n            </ng-fad-image-inline>\r\n            <div class=\"fad-portal-title-bold\">\r\n                {{pdfsName}}\r\n            </div>\r\n            <div class=\"fad-portal-content-bold date\">{{ currentDate }}</div>\r\n            <div class=\"summary\">\r\n                <div class=\"fad-portal-content-bold signeds\">\r\n                    <div>{{configuration.customization?.moduleCustomization?.legends?.signed}}</div>\r\n                    <div>{{signedCount}}</div>\r\n                </div>\r\n                <div class=\"line\">\r\n\r\n                </div>\r\n                <div class=\"fad-portal-content-bold rejecteds\">\r\n                    <div>{{configuration.customization?.moduleCustomization?.legends?.rejected}}</div>\r\n                    <div>{{rejectedCount}}</div>\r\n                </div>\r\n            </div>\r\n            <div class=\"legends\">\r\n                {{configuration.customization?.moduleCustomization?.legends?.legend}}\r\n            </div>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isAllDocumentsRejected\" >\r\n        <ng-fad-image-inline\r\n        [src]=\"images.reject\"\r\n        >\r\n        </ng-fad-image-inline>\r\n        <div class=\"document-rejected\"> {{configuration.customization?.moduleCustomization?.legends?.documentRejected}} </div>\r\n        <div class=\"fad-portal-title-bold title-document\">\r\n            {{pdfsName}}\r\n        </div>\r\n        <div class=\"id-requisition\">\r\n            ID {{id}} | {{ currentDate }}\r\n        </div>\r\n    </ng-container>\r\n    \r\n</div>", styles: [".fad-portal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.fad-portal-content .fad-portal-title{margin-top:var(--fad-portal-common-separation-sm);margin-bottom:var(--fad-portal-common-separation-sm)}.fad-portal-content .date{color:#aaa}.fad-portal-content .summary{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;row-gap:var(--fad-portal-common-separation-sm);margin-bottom:var(--fad-portal-common-separation-xs)}.fad-portal-content .summary .signeds,.fad-portal-content .summary .rejecteds{width:100%;display:flex;justify-content:space-between}.fad-portal-content .summary .line{width:100%;border:1px solid var(--fad-portal-common-border-color)}.fad-portal-content .legends{text-align:center}.fad-portal-content .document-rejected{color:#aaa;margin-bottom:var(--fad-portal-common-separation-sm)}.fad-portal-content .id-requisition{color:#aaa;margin-top:var(--fad-portal-common-separation-sm)}\n"] }]
+            args: [{ selector: 'ng-fad-signature-fea-signature-summary', template: "<div class=\"fad-portal-content\">\n    \n    <ng-container *ngIf=\"!isAllDocumentsRejected\" >\n            <ng-fad-image-inline\n            [src]=\"images.send\"\n            >\n            </ng-fad-image-inline>\n            <div class=\"fad-portal-title-bold\">\n                {{pdfsName}}\n            </div>\n            <div class=\"fad-portal-content-bold date\">{{ currentDate }}</div>\n            <div class=\"summary\">\n                <div class=\"fad-portal-content-bold signeds\">\n                    <div>{{configuration.customization?.moduleCustomization?.legends?.signed}}</div>\n                    <div>{{signedCount}}</div>\n                </div>\n                <div class=\"line\">\n\n                </div>\n                <div class=\"fad-portal-content-bold rejecteds\">\n                    <div>{{configuration.customization?.moduleCustomization?.legends?.rejected}}</div>\n                    <div>{{rejectedCount}}</div>\n                </div>\n            </div>\n            <div class=\"legends\">\n                {{configuration.customization?.moduleCustomization?.legends?.legend}}\n            </div>\n    </ng-container>\n    <ng-container *ngIf=\"isAllDocumentsRejected\" >\n        <ng-fad-image-inline\n        [src]=\"images.reject\"\n        >\n        </ng-fad-image-inline>\n        <div class=\"document-rejected\"> {{configuration.customization?.moduleCustomization?.legends?.documentRejected}} </div>\n        <div class=\"fad-portal-title-bold title-document\">\n            {{pdfsName}}\n        </div>\n        <div class=\"id-requisition\">\n            ID {{id}} | {{ currentDate }}\n        </div>\n    </ng-container>\n    \n</div>", styles: [".fad-portal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;row-gap:var(--fad-portal-common-separation-sm)}.fad-portal-content .fad-portal-title{margin-top:var(--fad-portal-common-separation-sm);margin-bottom:var(--fad-portal-common-separation-sm)}.fad-portal-content .date{color:#aaa}.fad-portal-content .summary{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;row-gap:var(--fad-portal-common-separation-sm);margin-bottom:var(--fad-portal-common-separation-xs)}.fad-portal-content .summary .signeds,.fad-portal-content .summary .rejecteds{width:100%;display:flex;justify-content:space-between}.fad-portal-content .summary .line{width:100%;border:1px solid var(--fad-portal-common-border-color)}.fad-portal-content .legends{text-align:center}.fad-portal-content .document-rejected{color:#aaa;margin-bottom:var(--fad-portal-common-separation-sm)}.fad-portal-content .id-requisition{color:#aaa;margin-top:var(--fad-portal-common-separation-sm)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { documentRequest: [{
                 type: Input
             }], configuration: [{