iptdevs-design-system 2.7.156 → 2.7.158

package/esm2020/lib/cod/cod-documents-section/cod-documents-section.component.mjs

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { Validators } from '@angular/forms';
+import Swal from 'sweetalert2';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@angular/common";
@@ -8,32 +9,58 @@ import * as i4 from "primeng/button";
 export class CodDocumentsSectionComponent {
     constructor(fb) {
         this.fb = fb;
-        this.idDocument = false;
+        this.docStudent = false;
+        this.docAgreement = false;
+        this.docParent = false;
+        this.docConfanorte = false;
+        this.visiBtn = ['docStudent', 'docAgreement', 'docParent', 'docConfanorte'];
         this.idPdf = [];
+        this.numDoc = -1;
         this.documentsForm = this.fb.group({
-            id_document: ['', [Validators.required], []],
+            doc_student: ['', [Validators.required], []],
+            doc_agreement: [''],
+            doc_parent: [''],
+            doc_confanorte: [''],
         });
     }
     ngOnInit() { }
     showIdDocument() {
         console.log('abrir modal de cargar pdf');
     }
-    catchIdDocument(event) {
-        this.idDocument = true;
+    catchDocument(event, visible) {
+        this.numDoc++;
+        for (let i = 0; i < this.visiBtn.length; i++) {
+            this.visiBtn[i] == visible ? this.visiBtn[i] == true : null;
+        }
         const fileCatched = event.target.files[0];
         let reader = new FileReader();
         reader.onload = (e) => {
             this.idPdf.push(e.target.result);
-            this.pdfSrc = this.idPdf[0];
+            this.pdfSrc = this.idPdf[this.numDoc];
         };
         this.code = 0;
         reader.readAsArrayBuffer(fileCatched);
     }
+    filesUploaded() {
+        Swal.fire({
+            title: '<p style="font-family: Poppins">Perfect</p>',
+            html: '<p style="font-family: Poppins">Archivos subidos correctamente.</p>',
+            icon: 'success',
+        });
+        this.documentsForm.controls['doc_student'].setValue(null);
+        this.documentsForm.controls['doc_agreement'].setValue(null);
+        this.documentsForm.controls['doc_parent'].setValue(null);
+        this.documentsForm.controls['doc_confanorte'].setValue(null);
+    }
+    clearDocStudent(typeDoc) {
+        this.documentsForm.controls[typeDoc].setValue(null);
+        this.docStudent = false;
+    }
 }
 CodDocumentsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodDocumentsSectionComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-CodDocumentsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodDocumentsSectionComponent, selector: "ipt-cod-documents-section", ngImport: i0, template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-4\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Document de identidad'\"\n        [control]=\"documentsForm.controls['id_document']\"\n        (change)=\"catchIdDocument($event)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn\" *ngIf=\"idDocument\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodDocumentsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodDocumentsSectionComponent, selector: "ipt-cod-documents-section", ngImport: i0, template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Estudiante'\"\n        [control]=\"documentsForm.controls['doc_student']\"\n        (change)=\"catchDocument($event, docStudent)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docStudent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_student')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Convenio'\"\n        [control]=\"documentsForm.controls['doc_agreement']\"\n        (change)=\"catchDocument($event, docAgreement )\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docAgreement\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_agreement')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Acudiente'\"\n        [control]=\"documentsForm.controls['doc_parent']\"\n        (change)=\"catchDocument($event, docParent)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docParent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_parent')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Confanorte'\"\n        [control]=\"documentsForm.controls['doc_confanorte']\"\n        (change)=\"catchDocument($event, docConfanorte)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docConfanorte\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_confanorte')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\" (click)=\"filesUploaded()\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodDocumentsSectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-cod-documents-section', template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-4\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Document de identidad'\"\n        [control]=\"documentsForm.controls['id_document']\"\n        (change)=\"catchIdDocument($event)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn\" *ngIf=\"idDocument\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"] }]
+            args: [{ selector: 'ipt-cod-documents-section', template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Estudiante'\"\n        [control]=\"documentsForm.controls['doc_student']\"\n        (change)=\"catchDocument($event, docStudent)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docStudent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_student')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Convenio'\"\n        [control]=\"documentsForm.controls['doc_agreement']\"\n        (change)=\"catchDocument($event, docAgreement )\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docAgreement\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_agreement')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Acudiente'\"\n        [control]=\"documentsForm.controls['doc_parent']\"\n        (change)=\"catchDocument($event, docParent)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docParent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_parent')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Confanorte'\"\n        [control]=\"documentsForm.controls['doc_confanorte']\"\n        (change)=\"catchDocument($event, docConfanorte)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docConfanorte\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_confanorte')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\" (click)=\"filesUploaded()\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLWRvY3VtZW50cy1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2QvY29kLWRvY3VtZW50cy1zZWN0aW9uL2NvZC1kb2N1bWVudHMtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kL2NvZC1kb2N1bWVudHMtc2VjdGlvbi9jb2QtZG9jdW1lbnRzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQTBCLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFPcEUsTUFBTSxPQUFPLDRCQUE0QjtJQU92QyxZQUFvQixFQUFlO1FBQWYsT0FBRSxHQUFGLEVBQUUsQ0FBYTtRQUxuQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLFVBQUssR0FBVSxFQUFFLENBQUM7UUFLaEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNqQyxXQUFXLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxDQUFDO1NBQzdDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRLEtBQVUsQ0FBQztJQUVuQixjQUFjO1FBQ1osT0FBTyxDQUFDLEdBQUcsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBVTtRQUN4QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixNQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQyxJQUFJLE1BQU0sR0FBRyxJQUFJLFVBQVUsRUFBRSxDQUFDO1FBQzlCLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRTtZQUN6QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ2pDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM5QixDQUFDLENBQUM7UUFDRixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztRQUNkLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4QyxDQUFDOzt5SEE3QlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsaUVDUnpDLHVwQ0F5QkE7MkZEakJhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWNvZC1kb2N1bWVudHMtc2VjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2QtZG9jdW1lbnRzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2QtZG9jdW1lbnRzLXNlY3Rpb24uY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2REb2N1bWVudHNTZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgZG9jdW1lbnRzRm9ybSE6IEZvcm1Hcm91cDtcbiAgaWREb2N1bWVudDogYm9vbGVhbiA9IGZhbHNlO1xuICBpZFBkZjogYW55W10gPSBbXTtcbiAgY29kZSE6IG51bWJlcjtcbiAgcGRmU3JjOiBhbnk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXIpIHtcbiAgICB0aGlzLmRvY3VtZW50c0Zvcm0gPSB0aGlzLmZiLmdyb3VwKHtcbiAgICAgIGlkX2RvY3VtZW50OiBbJycsIFtWYWxpZGF0b3JzLnJlcXVpcmVkXSwgW11dLFxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIHNob3dJZERvY3VtZW50KCkge1xuICAgIGNvbnNvbGUubG9nKCdhYnJpciBtb2RhbCBkZSBjYXJnYXIgcGRmJyk7XG4gIH1cblxuICBjYXRjaElkRG9jdW1lbnQoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuaWREb2N1bWVudCA9IHRydWU7XG4gICAgY29uc3QgZmlsZUNhdGNoZWQgPSBldmVudC50YXJnZXQuZmlsZXNbMF07XG4gICAgbGV0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XG4gICAgcmVhZGVyLm9ubG9hZCA9IChlOiBhbnkpID0+IHtcbiAgICAgIHRoaXMuaWRQZGYucHVzaChlLnRhcmdldC5yZXN1bHQpO1xuICAgICAgdGhpcy5wZGZTcmMgPSB0aGlzLmlkUGRmWzBdO1xuICAgIH07XG4gICAgdGhpcy5jb2RlID0gMDtcbiAgICByZWFkZXIucmVhZEFzQXJyYXlCdWZmZXIoZmlsZUNhdGNoZWQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyIGZsZXggZmxleC1jb2x1bW4gYmctd2hpdGUgYm9yZGVyLXJvdW5kLTJ4bCBwLTMgY29udGFpbmVyIGFuaW1hdGVfX2FuaW1hdGVkIGFuaW1hdGVfX2ZhZGVJblVwXCI+XG5cbiAgPHNwYW4gY2xhc3M9XCJiZy1wcmltYXJ5IHAtMiBib3JkZXItcm91bmQgbWItMiB3LWF1dG8gdGV4dC1sZyBmb250LXNlbWlib2xkXCI+RG9jdW1lbnRvcyBkZWwgQ09EPC9zcGFuPlxuXG4gIDxkaXYgY2xhc3M9XCJkb2N1bWVudF9pdGVtIGZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIHAtMiBib3JkZXItcm91bmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWwtYXV0b1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImlucCB3LTRcIj5cbiAgICAgICAgPGlwdC1pbnB1dFxuICAgICAgICBbaW5wdXRUeXBlXT1cIidmaWxlJ1wiXG4gICAgICAgIFtwbGFjZUhvbGRlcl09XCInRG9jdW1lbnQgZGUgaWRlbnRpZGFkJ1wiXG4gICAgICAgIFtjb250cm9sXT1cImRvY3VtZW50c0Zvcm0uY29udHJvbHNbJ2lkX2RvY3VtZW50J11cIlxuICAgICAgICAoY2hhbmdlKT1cImNhdGNoSWREb2N1bWVudCgkZXZlbnQpXCJcbiAgICAgICAgPjwvaXB0LWlucHV0PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiYnRuXCIgKm5nSWY9XCJpZERvY3VtZW50XCI+XG4gICAgICAgIDxidXR0b24gcEJ1dHRvbiBwUmlwcGxlIHR5cGU9XCJidXR0b25cIiBpY29uPVwicGkgcGktZXllXCIgY2xhc3M9XCJwLWJ1dHRvbi1yb3VuZGVkIHAtYnV0dG9uLXNtIG1sLWF1dG8gbXItMVwiIChjbGljayk9XCJzaG93SWREb2N1bWVudCgpXCI+PC9idXR0b24+XG4gICAgICAgIDxidXR0b24gcEJ1dHRvbiBwUmlwcGxlIHR5cGU9XCJidXR0b25cIiBpY29uPVwicGkgcGktdHJhc2hcIiBjbGFzcz1cInAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tc20gcC1idXR0b24tZGFuZ2VyIG1sLWF1dG9cIj48L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8aHI+XG4gIDxidXR0b24gcEJ1dHRvbiBwUmlwcGxlIHR5cGU9XCJidXR0b25cIiBpY29uPVwicGkgcGktcGx1c1wiIGxhYmVsPVwiQWdyZWdhclwiIGNsYXNzPVwicC1idXR0b24tcm91bmRlZCBwLWJ1dHRvbi1zbSBtbC1hdXRvIG10LTJcIj48L2J1dHRvbj5cblxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29kLWRvY3VtZW50cy1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2Rlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb2QvY29kLWRvY3VtZW50cy1zZWN0aW9uL2NvZC1kb2N1bWVudHMtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29kL2NvZC1kb2N1bWVudHMtc2VjdGlvbi9jb2QtZG9jdW1lbnRzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQTBCLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3BFLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQzs7Ozs7O0FBTy9CLE1BQU0sT0FBTyw0QkFBNEI7SUFZdkMsWUFBb0IsRUFBZTtRQUFmLE9BQUUsR0FBRixFQUFFLENBQWE7UUFWbkMsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUM5QixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBQy9CLFlBQU8sR0FBVSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsV0FBVyxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBQzlFLFVBQUssR0FBVSxFQUFFLENBQUM7UUFHbEIsV0FBTSxHQUFXLENBQUMsQ0FBQyxDQUFDO1FBR2xCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDakMsV0FBVyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsQ0FBQztZQUM1QyxhQUFhLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDbkIsVUFBVSxFQUFFLENBQUMsRUFBRSxDQUFDO1lBQ2hCLGNBQWMsRUFBRSxDQUFDLEVBQUUsQ0FBQztTQUNyQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsY0FBYztRQUNaLE9BQU8sQ0FBQyxHQUFHLENBQUMsMkJBQTJCLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVUsRUFBRSxPQUFZO1FBQ3BDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNkLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtZQUM1QyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztTQUM3RDtRQUVELE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFDLElBQUksTUFBTSxHQUFHLElBQUksVUFBVSxFQUFFLENBQUM7UUFDOUIsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFO1lBQ3pCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDakMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN4QyxDQUFDLENBQUM7UUFDRixJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsQ0FBQztRQUNkLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDUixLQUFLLEVBQUUsNkNBQTZDO1lBQ3BELElBQUksRUFBRSxxRUFBcUU7WUFDM0UsSUFBSSxFQUFFLFNBQVM7U0FDaEIsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzFELElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1RCxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxZQUFZLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELGVBQWUsQ0FBQyxPQUFZO1FBQzFCLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNwRCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDOzt5SEExRFUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsaUVDVHpDLGcySEE0RUE7MkZEbkVhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSwyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCBTd2FsIGZyb20gJ3N3ZWV0YWxlcnQyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaXB0LWNvZC1kb2N1bWVudHMtc2VjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2QtZG9jdW1lbnRzLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb2QtZG9jdW1lbnRzLXNlY3Rpb24uY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBDb2REb2N1bWVudHNTZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgZG9jdW1lbnRzRm9ybSE6IEZvcm1Hcm91cDtcbiAgZG9jU3R1ZGVudDogYm9vbGVhbiA9IGZhbHNlO1xuICBkb2NBZ3JlZW1lbnQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgZG9jUGFyZW50OiBib29sZWFuID0gZmFsc2U7XG4gIGRvY0NvbmZhbm9ydGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgdmlzaUJ0bjogYW55W10gPSBbJ2RvY1N0dWRlbnQnLCAnZG9jQWdyZWVtZW50JywgJ2RvY1BhcmVudCcsICdkb2NDb25mYW5vcnRlJ107XG4gIGlkUGRmOiBhbnlbXSA9IFtdO1xuICBjb2RlITogbnVtYmVyO1xuICBwZGZTcmM6IGFueTtcbiAgbnVtRG9jOiBudW1iZXIgPSAtMTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcikge1xuICAgIHRoaXMuZG9jdW1lbnRzRm9ybSA9IHRoaXMuZmIuZ3JvdXAoe1xuICAgICAgZG9jX3N0dWRlbnQ6IFsnJywgW1ZhbGlkYXRvcnMucmVxdWlyZWRdLCBbXV0sXG4gICAgICBkb2NfYWdyZWVtZW50OiBbJyddLFxuICAgICAgZG9jX3BhcmVudDogWycnXSxcbiAgICAgIGRvY19jb25mYW5vcnRlOiBbJyddLFxuICAgIH0pO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIHNob3dJZERvY3VtZW50KCkge1xuICAgIGNvbnNvbGUubG9nKCdhYnJpciBtb2RhbCBkZSBjYXJnYXIgcGRmJyk7XG4gIH1cblxuICBjYXRjaERvY3VtZW50KGV2ZW50OiBhbnksIHZpc2libGU6IGFueSkge1xuICAgIHRoaXMubnVtRG9jKys7XG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLnZpc2lCdG4ubGVuZ3RoOyBpKyspIHtcbiAgICAgIHRoaXMudmlzaUJ0bltpXSA9PSB2aXNpYmxlID8gdGhpcy52aXNpQnRuW2ldID09IHRydWUgOiBudWxsO1xuICAgIH1cblxuICAgIGNvbnN0IGZpbGVDYXRjaGVkID0gZXZlbnQudGFyZ2V0LmZpbGVzWzBdO1xuICAgIGxldCByZWFkZXIgPSBuZXcgRmlsZVJlYWRlcigpO1xuICAgIHJlYWRlci5vbmxvYWQgPSAoZTogYW55KSA9PiB7XG4gICAgICB0aGlzLmlkUGRmLnB1c2goZS50YXJnZXQucmVzdWx0KTtcbiAgICAgIHRoaXMucGRmU3JjID0gdGhpcy5pZFBkZlt0aGlzLm51bURvY107XG4gICAgfTtcbiAgICB0aGlzLmNvZGUgPSAwO1xuICAgIHJlYWRlci5yZWFkQXNBcnJheUJ1ZmZlcihmaWxlQ2F0Y2hlZCk7XG4gIH1cblxuICBmaWxlc1VwbG9hZGVkKCkge1xuICAgIFN3YWwuZmlyZSh7XG4gICAgICB0aXRsZTogJzxwIHN0eWxlPVwiZm9udC1mYW1pbHk6IFBvcHBpbnNcIj5QZXJmZWN0PC9wPicsXG4gICAgICBodG1sOiAnPHAgc3R5bGU9XCJmb250LWZhbWlseTogUG9wcGluc1wiPkFyY2hpdm9zIHN1Ymlkb3MgY29ycmVjdGFtZW50ZS48L3A+JyxcbiAgICAgIGljb246ICdzdWNjZXNzJyxcbiAgICB9KTtcbiAgICB0aGlzLmRvY3VtZW50c0Zvcm0uY29udHJvbHNbJ2RvY19zdHVkZW50J10uc2V0VmFsdWUobnVsbCk7XG4gICAgdGhpcy5kb2N1bWVudHNGb3JtLmNvbnRyb2xzWydkb2NfYWdyZWVtZW50J10uc2V0VmFsdWUobnVsbCk7XG4gICAgdGhpcy5kb2N1bWVudHNGb3JtLmNvbnRyb2xzWydkb2NfcGFyZW50J10uc2V0VmFsdWUobnVsbCk7XG4gICAgdGhpcy5kb2N1bWVudHNGb3JtLmNvbnRyb2xzWydkb2NfY29uZmFub3J0ZSddLnNldFZhbHVlKG51bGwpO1xuICB9XG5cbiAgY2xlYXJEb2NTdHVkZW50KHR5cGVEb2M6IGFueSkge1xuICAgIHRoaXMuZG9jdW1lbnRzRm9ybS5jb250cm9sc1t0eXBlRG9jXS5zZXRWYWx1ZShudWxsKTtcbiAgICB0aGlzLmRvY1N0dWRlbnQgPSBmYWxzZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lciBmbGV4IGZsZXgtY29sdW1uIGJnLXdoaXRlIGJvcmRlci1yb3VuZC0yeGwgcC0zIGNvbnRhaW5lciBhbmltYXRlX19hbmltYXRlZCBhbmltYXRlX19mYWRlSW5VcFwiPlxuXG4gIDxzcGFuIGNsYXNzPVwiYmctcHJpbWFyeSBwLTIgYm9yZGVyLXJvdW5kIG1iLTIgdy1hdXRvIHRleHQtbGcgZm9udC1zZW1pYm9sZFwiPkRvY3VtZW50b3MgZGVsIENPRDwvc3Bhbj5cblxuICA8ZGl2IGNsYXNzPVwiZG9jdW1lbnRfaXRlbSBmbGV4IGZsZXgtY29sdW1uIGFsaWduLWl0ZW1zLWNlbnRlciBwLTIgYm9yZGVyLXJvdW5kXCI+XG4gICAgPGRpdiBjbGFzcz1cIm1sLWF1dG9cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbnAgdy0xMFwiPlxuICAgICAgICA8aXB0LWlucHV0XG4gICAgICAgIFtpbnB1dFR5cGVdPVwiJ2ZpbGUnXCJcbiAgICAgICAgW3BsYWNlSG9sZGVyXT1cIidEb2MuIEVzdHVkaWFudGUnXCJcbiAgICAgICAgW2NvbnRyb2xdPVwiZG9jdW1lbnRzRm9ybS5jb250cm9sc1snZG9jX3N0dWRlbnQnXVwiXG4gICAgICAgIChjaGFuZ2UpPVwiY2F0Y2hEb2N1bWVudCgkZXZlbnQsIGRvY1N0dWRlbnQpXCJcbiAgICAgICAgPjwvaXB0LWlucHV0PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiYnRuIGZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBmbGV4LXdyYXAgdy04IHAtMlwiICpuZ0lmPVwiZG9jU3R1ZGVudFwiPlxuICAgICAgICA8YnV0dG9uIHBCdXR0b24gcFJpcHBsZSB0eXBlPVwiYnV0dG9uXCIgaWNvbj1cInBpIHBpLWV5ZVwiIGNsYXNzPVwicC1idXR0b24tcm91bmRlZCBwLWJ1dHRvbi1zbSBtbC1hdXRvIG1yLTFcIiAoY2xpY2spPVwic2hvd0lkRG9jdW1lbnQoKVwiPjwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uIHBCdXR0b24gcFJpcHBsZSB0eXBlPVwiYnV0dG9uXCIgaWNvbj1cInBpIHBpLXRyYXNoXCIgY2xhc3M9XCJwLWJ1dHRvbi1yb3VuZGVkIHAtYnV0dG9uLXNtIHAtYnV0dG9uLWRhbmdlciBtbC1hdXRvXCIgKGNsaWNrKT1cImNsZWFyRG9jU3R1ZGVudCgnZG9jX3N0dWRlbnQnKVwiPjwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJkb2N1bWVudF9pdGVtIGZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIHAtMiBib3JkZXItcm91bmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWwtYXV0b1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImlucCB3LTEwXCI+XG4gICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgW2lucHV0VHlwZV09XCInZmlsZSdcIlxuICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ0RvYy4gQ29udmVuaW8nXCJcbiAgICAgICAgW2NvbnRyb2xdPVwiZG9jdW1lbnRzRm9ybS5jb250cm9sc1snZG9jX2FncmVlbWVudCddXCJcbiAgICAgICAgKGNoYW5nZSk9XCJjYXRjaERvY3VtZW50KCRldmVudCwgZG9jQWdyZWVtZW50IClcIlxuICAgICAgICA+PC9pcHQtaW5wdXQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJidG4gZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGZsZXgtd3JhcCB3LTggcC0yXCIgKm5nSWY9XCJkb2NBZ3JlZW1lbnRcIj5cbiAgICAgICAgPGJ1dHRvbiBwQnV0dG9uIHBSaXBwbGUgdHlwZT1cImJ1dHRvblwiIGljb249XCJwaSBwaS1leWVcIiBjbGFzcz1cInAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tc20gbWwtYXV0byBtci0xXCIgKGNsaWNrKT1cInNob3dJZERvY3VtZW50KClcIj48L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiBwQnV0dG9uIHBSaXBwbGUgdHlwZT1cImJ1dHRvblwiIGljb249XCJwaSBwaS10cmFzaFwiIGNsYXNzPVwicC1idXR0b24tcm91bmRlZCBwLWJ1dHRvbi1zbSBwLWJ1dHRvbi1kYW5nZXIgbWwtYXV0b1wiIChjbGljayk9XCJjbGVhckRvY1N0dWRlbnQoJ2RvY19hZ3JlZW1lbnQnKVwiPjwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJkb2N1bWVudF9pdGVtIGZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIHAtMiBib3JkZXItcm91bmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWwtYXV0b1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImlucCB3LTEwXCI+XG4gICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgW2lucHV0VHlwZV09XCInZmlsZSdcIlxuICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ0RvYy4gQWN1ZGllbnRlJ1wiXG4gICAgICAgIFtjb250cm9sXT1cImRvY3VtZW50c0Zvcm0uY29udHJvbHNbJ2RvY19wYXJlbnQnXVwiXG4gICAgICAgIChjaGFuZ2UpPVwiY2F0Y2hEb2N1bWVudCgkZXZlbnQsIGRvY1BhcmVudClcIlxuICAgICAgICA+PC9pcHQtaW5wdXQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJidG4gZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGZsZXgtd3JhcCB3LTggcC0yXCIgKm5nSWY9XCJkb2NQYXJlbnRcIj5cbiAgICAgICAgPGJ1dHRvbiBwQnV0dG9uIHBSaXBwbGUgdHlwZT1cImJ1dHRvblwiIGljb249XCJwaSBwaS1leWVcIiBjbGFzcz1cInAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tc20gbWwtYXV0byBtci0xXCIgKGNsaWNrKT1cInNob3dJZERvY3VtZW50KClcIj48L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvbiBwQnV0dG9uIHBSaXBwbGUgdHlwZT1cImJ1dHRvblwiIGljb249XCJwaSBwaS10cmFzaFwiIGNsYXNzPVwicC1idXR0b24tcm91bmRlZCBwLWJ1dHRvbi1zbSBwLWJ1dHRvbi1kYW5nZXIgbWwtYXV0b1wiIChjbGljayk9XCJjbGVhckRvY1N0dWRlbnQoJ2RvY19wYXJlbnQnKVwiPjwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJkb2N1bWVudF9pdGVtIGZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIHAtMiBib3JkZXItcm91bmRcIj5cbiAgICA8ZGl2IGNsYXNzPVwibWwtYXV0b1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImlucCB3LTEwXCI+XG4gICAgICAgIDxpcHQtaW5wdXRcbiAgICAgICAgW2lucHV0VHlwZV09XCInZmlsZSdcIlxuICAgICAgICBbcGxhY2VIb2xkZXJdPVwiJ0RvYy4gQ29uZmFub3J0ZSdcIlxuICAgICAgICBbY29udHJvbF09XCJkb2N1bWVudHNGb3JtLmNvbnRyb2xzWydkb2NfY29uZmFub3J0ZSddXCJcbiAgICAgICAgKGNoYW5nZSk9XCJjYXRjaERvY3VtZW50KCRldmVudCwgZG9jQ29uZmFub3J0ZSlcIlxuICAgICAgICA+PC9pcHQtaW5wdXQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJidG4gZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGZsZXgtd3JhcCB3LTggcC0yXCIgKm5nSWY9XCJkb2NDb25mYW5vcnRlXCI+XG4gICAgICAgIDxidXR0b24gcEJ1dHRvbiBwUmlwcGxlIHR5cGU9XCJidXR0b25cIiBpY29uPVwicGkgcGktZXllXCIgY2xhc3M9XCJwLWJ1dHRvbi1yb3VuZGVkIHAtYnV0dG9uLXNtIG1sLWF1dG8gbXItMVwiIChjbGljayk9XCJzaG93SWREb2N1bWVudCgpXCI+PC9idXR0b24+XG4gICAgICAgIDxidXR0b24gcEJ1dHRvbiBwUmlwcGxlIHR5cGU9XCJidXR0b25cIiBpY29uPVwicGkgcGktdHJhc2hcIiBjbGFzcz1cInAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tc20gcC1idXR0b24tZGFuZ2VyIG1sLWF1dG9cIiAoY2xpY2spPVwiY2xlYXJEb2NTdHVkZW50KCdkb2NfY29uZmFub3J0ZScpXCI+PC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGhyPlxuICA8YnV0dG9uIHBCdXR0b24gcFJpcHBsZSB0eXBlPVwiYnV0dG9uXCIgaWNvbj1cInBpIHBpLXBsdXNcIiBsYWJlbD1cIkFncmVnYXJcIiBjbGFzcz1cInAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tc20gbWwtYXV0byBtdC0yXCIgKGNsaWNrKT1cImZpbGVzVXBsb2FkZWQoKVwiPjwvYnV0dG9uPlxuXG48L2Rpdj5cbiJdfQ==

package/fesm2015/iptdevs-design-system.mjs

@@ -2221,33 +2221,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImpor
 class CodDocumentsSectionComponent {
     constructor(fb) {
         this.fb = fb;
-        this.idDocument = false;
+        this.docStudent = false;
+        this.docAgreement = false;
+        this.docParent = false;
+        this.docConfanorte = false;
+        this.visiBtn = ['docStudent', 'docAgreement', 'docParent', 'docConfanorte'];
         this.idPdf = [];
+        this.numDoc = -1;
         this.documentsForm = this.fb.group({
-            id_document: ['', [Validators.required], []],
+            doc_student: ['', [Validators.required], []],
+            doc_agreement: [''],
+            doc_parent: [''],
+            doc_confanorte: [''],
         });
     }
     ngOnInit() { }
     showIdDocument() {
         console.log('abrir modal de cargar pdf');
     }
-    catchIdDocument(event) {
-        this.idDocument = true;
+    catchDocument(event, visible) {
+        this.numDoc++;
+        for (let i = 0; i < this.visiBtn.length; i++) {
+            this.visiBtn[i] == visible ? this.visiBtn[i] == true : null;
+        }
         const fileCatched = event.target.files[0];
         let reader = new FileReader();
         reader.onload = (e) => {
             this.idPdf.push(e.target.result);
-            this.pdfSrc = this.idPdf[0];
+            this.pdfSrc = this.idPdf[this.numDoc];
         };
         this.code = 0;
         reader.readAsArrayBuffer(fileCatched);
     }
+    filesUploaded() {
+        Swal.fire({
+            title: '<p style="font-family: Poppins">Perfect</p>',
+            html: '<p style="font-family: Poppins">Archivos subidos correctamente.</p>',
+            icon: 'success',
+        });
+        this.documentsForm.controls['doc_student'].setValue(null);
+        this.documentsForm.controls['doc_agreement'].setValue(null);
+        this.documentsForm.controls['doc_parent'].setValue(null);
+        this.documentsForm.controls['doc_confanorte'].setValue(null);
+    }
+    clearDocStudent(typeDoc) {
+        this.documentsForm.controls[typeDoc].setValue(null);
+        this.docStudent = false;
+    }
 }
 CodDocumentsSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodDocumentsSectionComponent, deps: [{ token: i1$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-CodDocumentsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodDocumentsSectionComponent, selector: "ipt-cod-documents-section", ngImport: i0, template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-4\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Document de identidad'\"\n        [control]=\"documentsForm.controls['id_document']\"\n        (change)=\"catchIdDocument($event)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn\" *ngIf=\"idDocument\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
+CodDocumentsSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.7", type: CodDocumentsSectionComponent, selector: "ipt-cod-documents-section", ngImport: i0, template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Estudiante'\"\n        [control]=\"documentsForm.controls['doc_student']\"\n        (change)=\"catchDocument($event, docStudent)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docStudent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_student')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Convenio'\"\n        [control]=\"documentsForm.controls['doc_agreement']\"\n        (change)=\"catchDocument($event, docAgreement )\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docAgreement\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_agreement')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Acudiente'\"\n        [control]=\"documentsForm.controls['doc_parent']\"\n        (change)=\"catchDocument($event, docParent)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docParent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_parent')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Confanorte'\"\n        [control]=\"documentsForm.controls['doc_confanorte']\"\n        (change)=\"catchDocument($event, docConfanorte)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docConfanorte\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_confanorte')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\" (click)=\"filesUploaded()\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "ipt-input", inputs: ["inputType", "placeHolder", "validateText", "withPipe", "list", "iconUrl", "control", "prefix", "thousands", "decimal"], outputs: ["dateSelected"] }, { kind: "directive", type: i7$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.7", ngImport: i0, type: CodDocumentsSectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipt-cod-documents-section', template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-4\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Document de identidad'\"\n        [control]=\"documentsForm.controls['id_document']\"\n        (change)=\"catchIdDocument($event)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn\" *ngIf=\"idDocument\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"] }]
+            args: [{ selector: 'ipt-cod-documents-section', template: "<div class=\"container flex flex-column bg-white border-round-2xl p-3 container animate__animated animate__fadeInUp\">\n\n  <span class=\"bg-primary p-2 border-round mb-2 w-auto text-lg font-semibold\">Documentos del COD</span>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Estudiante'\"\n        [control]=\"documentsForm.controls['doc_student']\"\n        (change)=\"catchDocument($event, docStudent)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docStudent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_student')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Convenio'\"\n        [control]=\"documentsForm.controls['doc_agreement']\"\n        (change)=\"catchDocument($event, docAgreement )\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docAgreement\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_agreement')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Acudiente'\"\n        [control]=\"documentsForm.controls['doc_parent']\"\n        (change)=\"catchDocument($event, docParent)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docParent\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_parent')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"document_item flex flex-column align-items-center p-2 border-round\">\n    <div class=\"ml-auto\">\n      <div class=\"inp w-10\">\n        <ipt-input\n        [inputType]=\"'file'\"\n        [placeHolder]=\"'Doc. Confanorte'\"\n        [control]=\"documentsForm.controls['doc_confanorte']\"\n        (change)=\"catchDocument($event, docConfanorte)\"\n        ></ipt-input>\n      </div>\n      <div class=\"btn flex justify-content-center flex-wrap w-8 p-2\" *ngIf=\"docConfanorte\">\n        <button pButton pRipple type=\"button\" icon=\"pi pi-eye\" class=\"p-button-rounded p-button-sm ml-auto mr-1\" (click)=\"showIdDocument()\"></button>\n        <button pButton pRipple type=\"button\" icon=\"pi pi-trash\" class=\"p-button-rounded p-button-sm p-button-danger ml-auto\" (click)=\"clearDocStudent('doc_confanorte')\"></button>\n      </div>\n    </div>\n  </div>\n\n  <hr>\n  <button pButton pRipple type=\"button\" icon=\"pi pi-plus\" label=\"Agregar\" class=\"p-button-rounded p-button-sm ml-auto mt-2\" (click)=\"filesUploaded()\"></button>\n\n</div>\n", styles: [".document_item{transition:.15s;gap:1rem;max-height:150px}.document_item:hover{cursor:pointer;box-shadow:#64646f33 0 7px 29px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; } });
 
 class LocalStorageCODService {