@litigiovirtual/ius-design-components 1.0.188 → 1.0.190
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,11 +10,11 @@ export class CardListProcesoComponent {
|
|
|
10
10
|
this.onClickEvent.emit(event);
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListProcesoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardListProcesoComponent, isStandalone: true, selector: "ius-card-list-proceso", inputs: { tipoProceso: "tipoProceso", state: "state", radicado: "radicado", demandantes: "demandantes", demandados: "demandados", usuarioAsignado: "usuarioAsignado", fechaAsignacion: "fechaAsignacion", fecha: "fecha", userID: "userID", activeText: "activeText", inactiveText: "inactiveText" }, outputs: { onClickEvent: "onClickEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"container-card\" (click)=\"onClick($event)\" >\r\n <div class=\"container-left\">\r\n <div class=\"content-left\">\r\n <span class=\"text-estado\">{{state}}</span>\r\n <span class=\"text-proceso\">{{tipoProceso}}\r\n <span class=\"text-numero-proceso\">{{radicado}}</span>\r\n </span>\r\n <span class=\"descrip-proceso\" style=\"padding: 4px 0;\">Demandantes <span\r\n class=\"text-name-demand\">{{demandantes}}</span>\r\n Demandados <span class=\"text-name-demand\">{{demandados}}</span></span>\r\n \r\n <div class=\"assigned\">\r\n <span class=\"descrip-proceso\">Asignado por <span\r\n class=\"text-name-demand\">{{usuarioAsignado}}</span></span>\r\n <span class=\"descrip-proceso\">Asignado el <span\r\n class=\"text-name-demand\">{{fechaAsignacion}}</span></span>\r\n </div>\r\n </div>\r\n <div class=\"content-right\">\r\n <div style=\"display: flex; gap: 8px;\">\r\n <span class=\"text-fecha-mov\">{{fecha}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;align-items:center;height:100px;gap:12px;align-self:stretch;cursor:pointer;border-radius:14px;border:1px solid #eaeaea;background:#fafafa}.container-card:hover{border:1px solid #C4DFFF;background:#fafafa;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-left{display:flex;padding:12px 24px 12px 16px;align-items:center;align-content:center;gap:32px;flex:1 0 0;align-self:stretch;flex-wrap:wrap;border-radius:14px;background:#fff;transition:all .2s ease-in-out}.selected{background:#2167ff!important}.container-left.selected,.container-left.selected *{color:#fff!important}.container-right{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;align-items:flex-end}.content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0}.content-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.text-estado{color:#629219;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text-proceso{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.text-numero-proceso{color:#333;font-weight:400}.descrip-proceso{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.text-name-demand{color:#595959;font-weight:400}.text-fecha-mov{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.assigned{display:flex;align-items:flex-start;gap:8px}\n"] }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardListProcesoComponent, isStandalone: true, selector: "ius-card-list-proceso", inputs: { tipoProceso: "tipoProceso", state: "state", radicado: "radicado", demandantes: "demandantes", demandados: "demandados", usuarioAsignado: "usuarioAsignado", fechaAsignacion: "fechaAsignacion", fecha: "fecha", userID: "userID", activeText: "activeText", inactiveText: "inactiveText" }, outputs: { onClickEvent: "onClickEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"container-card\" (click)=\"onClick($event)\" >\r\n <div class=\"container-left\">\r\n <div class=\"content-left\">\r\n <span class=\"text-estado\">{{state ? 'Activo' : 'Inactivo'}}</span>\r\n <span class=\"text-proceso\">{{tipoProceso}}\r\n <span class=\"text-numero-proceso\">{{radicado}}</span>\r\n </span>\r\n <span class=\"descrip-proceso\" style=\"padding: 4px 0;\">Demandantes <span\r\n class=\"text-name-demand\">{{demandantes}}</span>\r\n Demandados <span class=\"text-name-demand\">{{demandados}}</span></span>\r\n \r\n <div class=\"assigned\">\r\n <span class=\"descrip-proceso\">Asignado por <span\r\n class=\"text-name-demand\">{{usuarioAsignado}}</span></span>\r\n <span class=\"descrip-proceso\">Asignado el <span\r\n class=\"text-name-demand\">{{fechaAsignacion}}</span></span>\r\n </div>\r\n </div>\r\n <div class=\"content-right\">\r\n <div style=\"display: flex; gap: 8px;\">\r\n <span class=\"text-fecha-mov\">{{fecha}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;align-items:center;height:100px;gap:12px;align-self:stretch;cursor:pointer;border-radius:14px;border:1px solid #eaeaea;background:#fafafa}.container-card:hover{border:1px solid #C4DFFF;background:#fafafa;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-left{display:flex;padding:12px 24px 12px 16px;align-items:center;align-content:center;gap:32px;flex:1 0 0;align-self:stretch;flex-wrap:wrap;border-radius:14px;background:#fff;transition:all .2s ease-in-out}.selected{background:#2167ff!important}.container-left.selected,.container-left.selected *{color:#fff!important}.container-right{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;align-items:flex-end}.content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0}.content-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.text-estado{color:#629219;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text-proceso{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.text-numero-proceso{color:#333;font-weight:400}.descrip-proceso{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.text-name-demand{color:#595959;font-weight:400}.text-fecha-mov{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.assigned{display:flex;align-items:flex-start;gap:8px}\n"] }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListProcesoComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'ius-card-list-proceso', standalone: true, imports: [], template: "<div class=\"container-general\">\r\n <div class=\"container-card\" (click)=\"onClick($event)\" >\r\n <div class=\"container-left\">\r\n <div class=\"content-left\">\r\n <span class=\"text-estado\">{{state}}</span>\r\n <span class=\"text-proceso\">{{tipoProceso}}\r\n <span class=\"text-numero-proceso\">{{radicado}}</span>\r\n </span>\r\n <span class=\"descrip-proceso\" style=\"padding: 4px 0;\">Demandantes <span\r\n class=\"text-name-demand\">{{demandantes}}</span>\r\n Demandados <span class=\"text-name-demand\">{{demandados}}</span></span>\r\n \r\n <div class=\"assigned\">\r\n <span class=\"descrip-proceso\">Asignado por <span\r\n class=\"text-name-demand\">{{usuarioAsignado}}</span></span>\r\n <span class=\"descrip-proceso\">Asignado el <span\r\n class=\"text-name-demand\">{{fechaAsignacion}}</span></span>\r\n </div>\r\n </div>\r\n <div class=\"content-right\">\r\n <div style=\"display: flex; gap: 8px;\">\r\n <span class=\"text-fecha-mov\">{{fecha}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;align-items:center;height:100px;gap:12px;align-self:stretch;cursor:pointer;border-radius:14px;border:1px solid #eaeaea;background:#fafafa}.container-card:hover{border:1px solid #C4DFFF;background:#fafafa;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-left{display:flex;padding:12px 24px 12px 16px;align-items:center;align-content:center;gap:32px;flex:1 0 0;align-self:stretch;flex-wrap:wrap;border-radius:14px;background:#fff;transition:all .2s ease-in-out}.selected{background:#2167ff!important}.container-left.selected,.container-left.selected *{color:#fff!important}.container-right{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;align-items:flex-end}.content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0}.content-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.text-estado{color:#629219;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text-proceso{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.text-numero-proceso{color:#333;font-weight:400}.descrip-proceso{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.text-name-demand{color:#595959;font-weight:400}.text-fecha-mov{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.assigned{display:flex;align-items:flex-start;gap:8px}\n"] }]
|
|
17
|
+
args: [{ selector: 'ius-card-list-proceso', standalone: true, imports: [], template: "<div class=\"container-general\">\r\n <div class=\"container-card\" (click)=\"onClick($event)\" >\r\n <div class=\"container-left\">\r\n <div class=\"content-left\">\r\n <span class=\"text-estado\">{{state ? 'Activo' : 'Inactivo'}}</span>\r\n <span class=\"text-proceso\">{{tipoProceso}}\r\n <span class=\"text-numero-proceso\">{{radicado}}</span>\r\n </span>\r\n <span class=\"descrip-proceso\" style=\"padding: 4px 0;\">Demandantes <span\r\n class=\"text-name-demand\">{{demandantes}}</span>\r\n Demandados <span class=\"text-name-demand\">{{demandados}}</span></span>\r\n \r\n <div class=\"assigned\">\r\n <span class=\"descrip-proceso\">Asignado por <span\r\n class=\"text-name-demand\">{{usuarioAsignado}}</span></span>\r\n <span class=\"descrip-proceso\">Asignado el <span\r\n class=\"text-name-demand\">{{fechaAsignacion}}</span></span>\r\n </div>\r\n </div>\r\n <div class=\"content-right\">\r\n <div style=\"display: flex; gap: 8px;\">\r\n <span class=\"text-fecha-mov\">{{fecha}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;align-items:center;height:100px;gap:12px;align-self:stretch;cursor:pointer;border-radius:14px;border:1px solid #eaeaea;background:#fafafa}.container-card:hover{border:1px solid #C4DFFF;background:#fafafa;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-left{display:flex;padding:12px 24px 12px 16px;align-items:center;align-content:center;gap:32px;flex:1 0 0;align-self:stretch;flex-wrap:wrap;border-radius:14px;background:#fff;transition:all .2s ease-in-out}.selected{background:#2167ff!important}.container-left.selected,.container-left.selected *{color:#fff!important}.container-right{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;align-items:flex-end}.content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0}.content-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.text-estado{color:#629219;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text-proceso{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.text-numero-proceso{color:#333;font-weight:400}.descrip-proceso{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.text-name-demand{color:#595959;font-weight:400}.text-fecha-mov{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.assigned{display:flex;align-items:flex-start;gap:8px}\n"] }]
|
|
18
18
|
}], propDecorators: { tipoProceso: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], state: [{
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
40
40
|
}], onClickEvent: [{
|
|
41
41
|
type: Output
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LXByb2Nlc28vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LXByb2Nlc28vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQWtCVyxlQUFVLEdBQVcsUUFBUSxDQUFDO1FBQzlCLGlCQUFZLEdBQVcsVUFBVSxDQUFDO1FBQ2pDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQUtsRDtJQUhDLE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7K0dBakJVLHdCQUF3QjttR0FBeEIsd0JBQXdCLGthQ1RyQyx1NENBMkJBOzs0RkRsQmEsd0JBQXdCO2tCQVBwQyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsRUFBRTs4QkFNRixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1jYXJkLWxpc3QtcHJvY2VzbycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYXJkLWxpc3QtcHJvY2Vzby5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmRMaXN0UHJvY2Vzb0NvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHRpcG9Qcm9jZXNvPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHN0YXRlPzogYm9vbGVhbjtcclxuICBASW5wdXQoKSByYWRpY2Fkbz86IHN0cmluZztcclxuICBASW5wdXQoKSBkZW1hbmRhbnRlcz86IHN0cmluZztcclxuICBASW5wdXQoKSBkZW1hbmRhZG9zPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVzdWFyaW9Bc2lnbmFkbz86IHN0cmluZztcclxuICBASW5wdXQoKSBmZWNoYUFzaWduYWNpb24/OiBEYXRlIHwgc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZlY2hhPzogRGF0ZSB8IHN0cmluZztcclxuICBASW5wdXQoKSB1c2VySUQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgYWN0aXZlVGV4dDogc3RyaW5nID0gJ0FjdGl2byc7XHJcbiAgQElucHV0KCkgaW5hY3RpdmVUZXh0OiBzdHJpbmcgPSAnSW5hY3Rpdm8nO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgb25DbGljayhldmVudDogRXZlbnQpOiB2b2lkIHsgXHJcbiAgICB0aGlzLm9uQ2xpY2tFdmVudC5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lci1nZW5lcmFsXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWNhcmRcIiAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCIgPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItbGVmdFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQtZXN0YWRvXCI+e3tzdGF0ZSA/ICdBY3Rpdm8nIDogJ0luYWN0aXZvJ319PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXByb2Nlc29cIj57e3RpcG9Qcm9jZXNvfX1cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQtbnVtZXJvLXByb2Nlc29cIj57e3JhZGljYWRvfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRlc2NyaXAtcHJvY2Vzb1wiIHN0eWxlPVwicGFkZGluZzogNHB4IDA7XCI+RGVtYW5kYW50ZXMgPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LW5hbWUtZGVtYW5kXCI+e3tkZW1hbmRhbnRlc319PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIERlbWFuZGFkb3MgPHNwYW4gY2xhc3M9XCJ0ZXh0LW5hbWUtZGVtYW5kXCI+e3tkZW1hbmRhZG9zfX08L3NwYW4+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXNzaWduZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRlc2NyaXAtcHJvY2Vzb1wiPkFzaWduYWRvIHBvciA8c3BhblxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInRleHQtbmFtZS1kZW1hbmRcIj57e3VzdWFyaW9Bc2lnbmFkb319PC9zcGFuPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZGVzY3JpcC1wcm9jZXNvXCI+QXNpZ25hZG8gZWwgPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LW5hbWUtZGVtYW5kXCI+e3tmZWNoYUFzaWduYWNpb259fTwvc3Bhbj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiA4cHg7XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LWZlY2hhLW1vdlwiPnt7ZmVjaGF9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -5700,11 +5700,11 @@ class CardListProcesoComponent {
|
|
|
5700
5700
|
this.onClickEvent.emit(event);
|
|
5701
5701
|
}
|
|
5702
5702
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListProcesoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5703
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardListProcesoComponent, isStandalone: true, selector: "ius-card-list-proceso", inputs: { tipoProceso: "tipoProceso", state: "state", radicado: "radicado", demandantes: "demandantes", demandados: "demandados", usuarioAsignado: "usuarioAsignado", fechaAsignacion: "fechaAsignacion", fecha: "fecha", userID: "userID", activeText: "activeText", inactiveText: "inactiveText" }, outputs: { onClickEvent: "onClickEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"container-card\" (click)=\"onClick($event)\" >\r\n <div class=\"container-left\">\r\n <div class=\"content-left\">\r\n <span class=\"text-estado\">{{state}}</span>\r\n <span class=\"text-proceso\">{{tipoProceso}}\r\n <span class=\"text-numero-proceso\">{{radicado}}</span>\r\n </span>\r\n <span class=\"descrip-proceso\" style=\"padding: 4px 0;\">Demandantes <span\r\n class=\"text-name-demand\">{{demandantes}}</span>\r\n Demandados <span class=\"text-name-demand\">{{demandados}}</span></span>\r\n \r\n <div class=\"assigned\">\r\n <span class=\"descrip-proceso\">Asignado por <span\r\n class=\"text-name-demand\">{{usuarioAsignado}}</span></span>\r\n <span class=\"descrip-proceso\">Asignado el <span\r\n class=\"text-name-demand\">{{fechaAsignacion}}</span></span>\r\n </div>\r\n </div>\r\n <div class=\"content-right\">\r\n <div style=\"display: flex; gap: 8px;\">\r\n <span class=\"text-fecha-mov\">{{fecha}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;align-items:center;height:100px;gap:12px;align-self:stretch;cursor:pointer;border-radius:14px;border:1px solid #eaeaea;background:#fafafa}.container-card:hover{border:1px solid #C4DFFF;background:#fafafa;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-left{display:flex;padding:12px 24px 12px 16px;align-items:center;align-content:center;gap:32px;flex:1 0 0;align-self:stretch;flex-wrap:wrap;border-radius:14px;background:#fff;transition:all .2s ease-in-out}.selected{background:#2167ff!important}.container-left.selected,.container-left.selected *{color:#fff!important}.container-right{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;align-items:flex-end}.content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0}.content-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.text-estado{color:#629219;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text-proceso{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.text-numero-proceso{color:#333;font-weight:400}.descrip-proceso{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.text-name-demand{color:#595959;font-weight:400}.text-fecha-mov{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.assigned{display:flex;align-items:flex-start;gap:8px}\n"] }); }
|
|
5703
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CardListProcesoComponent, isStandalone: true, selector: "ius-card-list-proceso", inputs: { tipoProceso: "tipoProceso", state: "state", radicado: "radicado", demandantes: "demandantes", demandados: "demandados", usuarioAsignado: "usuarioAsignado", fechaAsignacion: "fechaAsignacion", fecha: "fecha", userID: "userID", activeText: "activeText", inactiveText: "inactiveText" }, outputs: { onClickEvent: "onClickEvent" }, ngImport: i0, template: "<div class=\"container-general\">\r\n <div class=\"container-card\" (click)=\"onClick($event)\" >\r\n <div class=\"container-left\">\r\n <div class=\"content-left\">\r\n <span class=\"text-estado\">{{state ? 'Activo' : 'Inactivo'}}</span>\r\n <span class=\"text-proceso\">{{tipoProceso}}\r\n <span class=\"text-numero-proceso\">{{radicado}}</span>\r\n </span>\r\n <span class=\"descrip-proceso\" style=\"padding: 4px 0;\">Demandantes <span\r\n class=\"text-name-demand\">{{demandantes}}</span>\r\n Demandados <span class=\"text-name-demand\">{{demandados}}</span></span>\r\n \r\n <div class=\"assigned\">\r\n <span class=\"descrip-proceso\">Asignado por <span\r\n class=\"text-name-demand\">{{usuarioAsignado}}</span></span>\r\n <span class=\"descrip-proceso\">Asignado el <span\r\n class=\"text-name-demand\">{{fechaAsignacion}}</span></span>\r\n </div>\r\n </div>\r\n <div class=\"content-right\">\r\n <div style=\"display: flex; gap: 8px;\">\r\n <span class=\"text-fecha-mov\">{{fecha}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;align-items:center;height:100px;gap:12px;align-self:stretch;cursor:pointer;border-radius:14px;border:1px solid #eaeaea;background:#fafafa}.container-card:hover{border:1px solid #C4DFFF;background:#fafafa;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-left{display:flex;padding:12px 24px 12px 16px;align-items:center;align-content:center;gap:32px;flex:1 0 0;align-self:stretch;flex-wrap:wrap;border-radius:14px;background:#fff;transition:all .2s ease-in-out}.selected{background:#2167ff!important}.container-left.selected,.container-left.selected *{color:#fff!important}.container-right{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;align-items:flex-end}.content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0}.content-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.text-estado{color:#629219;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text-proceso{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.text-numero-proceso{color:#333;font-weight:400}.descrip-proceso{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.text-name-demand{color:#595959;font-weight:400}.text-fecha-mov{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.assigned{display:flex;align-items:flex-start;gap:8px}\n"] }); }
|
|
5704
5704
|
}
|
|
5705
5705
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListProcesoComponent, decorators: [{
|
|
5706
5706
|
type: Component,
|
|
5707
|
-
args: [{ selector: 'ius-card-list-proceso', standalone: true, imports: [], template: "<div class=\"container-general\">\r\n <div class=\"container-card\" (click)=\"onClick($event)\" >\r\n <div class=\"container-left\">\r\n <div class=\"content-left\">\r\n <span class=\"text-estado\">{{state}}</span>\r\n <span class=\"text-proceso\">{{tipoProceso}}\r\n <span class=\"text-numero-proceso\">{{radicado}}</span>\r\n </span>\r\n <span class=\"descrip-proceso\" style=\"padding: 4px 0;\">Demandantes <span\r\n class=\"text-name-demand\">{{demandantes}}</span>\r\n Demandados <span class=\"text-name-demand\">{{demandados}}</span></span>\r\n \r\n <div class=\"assigned\">\r\n <span class=\"descrip-proceso\">Asignado por <span\r\n class=\"text-name-demand\">{{usuarioAsignado}}</span></span>\r\n <span class=\"descrip-proceso\">Asignado el <span\r\n class=\"text-name-demand\">{{fechaAsignacion}}</span></span>\r\n </div>\r\n </div>\r\n <div class=\"content-right\">\r\n <div style=\"display: flex; gap: 8px;\">\r\n <span class=\"text-fecha-mov\">{{fecha}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;align-items:center;height:100px;gap:12px;align-self:stretch;cursor:pointer;border-radius:14px;border:1px solid #eaeaea;background:#fafafa}.container-card:hover{border:1px solid #C4DFFF;background:#fafafa;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-left{display:flex;padding:12px 24px 12px 16px;align-items:center;align-content:center;gap:32px;flex:1 0 0;align-self:stretch;flex-wrap:wrap;border-radius:14px;background:#fff;transition:all .2s ease-in-out}.selected{background:#2167ff!important}.container-left.selected,.container-left.selected *{color:#fff!important}.container-right{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;align-items:flex-end}.content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0}.content-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.text-estado{color:#629219;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text-proceso{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.text-numero-proceso{color:#333;font-weight:400}.descrip-proceso{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.text-name-demand{color:#595959;font-weight:400}.text-fecha-mov{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.assigned{display:flex;align-items:flex-start;gap:8px}\n"] }]
|
|
5707
|
+
args: [{ selector: 'ius-card-list-proceso', standalone: true, imports: [], template: "<div class=\"container-general\">\r\n <div class=\"container-card\" (click)=\"onClick($event)\" >\r\n <div class=\"container-left\">\r\n <div class=\"content-left\">\r\n <span class=\"text-estado\">{{state ? 'Activo' : 'Inactivo'}}</span>\r\n <span class=\"text-proceso\">{{tipoProceso}}\r\n <span class=\"text-numero-proceso\">{{radicado}}</span>\r\n </span>\r\n <span class=\"descrip-proceso\" style=\"padding: 4px 0;\">Demandantes <span\r\n class=\"text-name-demand\">{{demandantes}}</span>\r\n Demandados <span class=\"text-name-demand\">{{demandados}}</span></span>\r\n \r\n <div class=\"assigned\">\r\n <span class=\"descrip-proceso\">Asignado por <span\r\n class=\"text-name-demand\">{{usuarioAsignado}}</span></span>\r\n <span class=\"descrip-proceso\">Asignado el <span\r\n class=\"text-name-demand\">{{fechaAsignacion}}</span></span>\r\n </div>\r\n </div>\r\n <div class=\"content-right\">\r\n <div style=\"display: flex; gap: 8px;\">\r\n <span class=\"text-fecha-mov\">{{fecha}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.container-general{position:relative;height:100%}.container-card{display:flex;align-items:center;height:100px;gap:12px;align-self:stretch;cursor:pointer;border-radius:14px;border:1px solid #eaeaea;background:#fafafa}.container-card:hover{border:1px solid #C4DFFF;background:#fafafa;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.container-left{display:flex;padding:12px 24px 12px 16px;align-items:center;align-content:center;gap:32px;flex:1 0 0;align-self:stretch;flex-wrap:wrap;border-radius:14px;background:#fff;transition:all .2s ease-in-out}.selected{background:#2167ff!important}.container-left.selected,.container-left.selected *{color:#fff!important}.container-right{display:flex;padding:8px 16px;flex-direction:column;justify-content:center;align-items:flex-end}.content-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;flex:1 0 0}.content-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px}.text-estado{color:#629219;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text-proceso{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.text-numero-proceso{color:#333;font-weight:400}.descrip-proceso{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.24px}.text-name-demand{color:#595959;font-weight:400}.text-fecha-mov{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.assigned{display:flex;align-items:flex-start;gap:8px}\n"] }]
|
|
5708
5708
|
}], propDecorators: { tipoProceso: [{
|
|
5709
5709
|
type: Input
|
|
5710
5710
|
}], state: [{
|