@litigiovirtual/ius-design-components 1.0.193 → 1.0.195
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.
- package/esm2022/lib/card-list-drag-on/card-list-drag-on.component.mjs +6 -3
- package/esm2022/lib/card-list-proceso/card-list-proceso.component.mjs +4 -3
- package/fesm2022/litigiovirtual-ius-design-components.mjs +7 -4
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/card-list-drag-on/card-list-drag-on.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -13,6 +13,7 @@ export class CardListDragOnComponent {
|
|
|
13
13
|
this.imageUrl = '';
|
|
14
14
|
this.isUsed = false;
|
|
15
15
|
this.isSelected = false;
|
|
16
|
+
this.smallText = '';
|
|
16
17
|
this.onClickEdit = new EventEmitter();
|
|
17
18
|
this.onClickDelete = new EventEmitter();
|
|
18
19
|
this.onClickCard = new EventEmitter();
|
|
@@ -43,11 +44,11 @@ export class CardListDragOnComponent {
|
|
|
43
44
|
this.onClickCard.emit(this.id);
|
|
44
45
|
}
|
|
45
46
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
46
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListDragOnComponent, isStandalone: true, selector: "ius-card-list-drag-on", inputs: { etapaID: "etapaID", subetapaID: "subetapaID", anotherID: "anotherID", state: "state", name: "name", subetapas: "subetapas", fecha: "fecha", imageUrl: "imageUrl", isUsed: "isUsed", isSelected: "isSelected" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{
|
|
47
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListDragOnComponent, isStandalone: true, selector: "ius-card-list-drag-on", inputs: { etapaID: "etapaID", subetapaID: "subetapaID", anotherID: "anotherID", state: "state", name: "name", subetapas: "subetapas", fecha: "fecha", imageUrl: "imageUrl", isUsed: "isUsed", isSelected: "isSelected", smallText: "smallText" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }@else{\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(fecha){\r\n @if(imageUrl){\r\n <div class=\"image\">\r\n <img [src]=\"imageUrl\" />\r\n </div>\r\n } @else{\r\n <ius-icon-lg [iconName]=\"'icon-account-circle'\" class=\"icon-placeholder\"></ius-icon-lg>\r\n }\r\n }\r\n <p class=\"text\">{{ fecha }}</p>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @if (hover && (subetapaID || anotherID) ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n\r\n <ius-icon-md [iconName]=\"'icon-keyboard-arrow-right'\"></ius-icon-md>\r\n </div>\r\n</div>", 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}.general-container{position:relative}p{margin:0}.container{display:flex;padding:8px 12px;min-height:56px;box-sizing:border-box;align-items:center;align-content:center;gap:12px 12px;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;cursor:pointer}.container:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.icon-placeholder{color:#8c8c8c}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0;min-width:0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;min-width:0}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0;min-width:0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0;min-width:0}.state{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.name{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.optional-data{display:flex;align-items:center;align-content:space-between;gap:24px}.title-text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.title{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.image-date{display:flex;align-items:center;gap:8px}.image{display:flex;width:24px;height:24px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}img{width:24px;height:24px;flex-shrink:0;aspect-ratio:1/1;border-radius:24px}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.isClicked{border:1px solid #c4dfff!important;background:#edf6ff!important}.small-text{color:var(--ColorText-colorTextTertiary, #8c8c8c);font-family:Rubik;font-size:var(--Text-Size-FontSize-Small, 12px);font-style:normal;font-weight:400;line-height:var(--Text-Size-FontHeight-Small, 16px);letter-spacing:.24px}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
47
48
|
}
|
|
48
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, decorators: [{
|
|
49
50
|
type: Component,
|
|
50
|
-
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent, IconLgComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{
|
|
51
|
+
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent, IconLgComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }@else{\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(fecha){\r\n @if(imageUrl){\r\n <div class=\"image\">\r\n <img [src]=\"imageUrl\" />\r\n </div>\r\n } @else{\r\n <ius-icon-lg [iconName]=\"'icon-account-circle'\" class=\"icon-placeholder\"></ius-icon-lg>\r\n }\r\n }\r\n <p class=\"text\">{{ fecha }}</p>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @if (hover && (subetapaID || anotherID) ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n\r\n <ius-icon-md [iconName]=\"'icon-keyboard-arrow-right'\"></ius-icon-md>\r\n </div>\r\n</div>", 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}.general-container{position:relative}p{margin:0}.container{display:flex;padding:8px 12px;min-height:56px;box-sizing:border-box;align-items:center;align-content:center;gap:12px 12px;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;cursor:pointer}.container:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.icon-placeholder{color:#8c8c8c}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0;min-width:0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;min-width:0}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0;min-width:0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0;min-width:0}.state{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.name{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.optional-data{display:flex;align-items:center;align-content:space-between;gap:24px}.title-text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.title{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.image-date{display:flex;align-items:center;gap:8px}.image{display:flex;width:24px;height:24px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}img{width:24px;height:24px;flex-shrink:0;aspect-ratio:1/1;border-radius:24px}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.isClicked{border:1px solid #c4dfff!important;background:#edf6ff!important}.small-text{color:var(--ColorText-colorTextTertiary, #8c8c8c);font-family:Rubik;font-size:var(--Text-Size-FontSize-Small, 12px);font-style:normal;font-weight:400;line-height:var(--Text-Size-FontHeight-Small, 16px);letter-spacing:.24px}\n"] }]
|
|
51
52
|
}], propDecorators: { etapaID: [{
|
|
52
53
|
type: Input
|
|
53
54
|
}], subetapaID: [{
|
|
@@ -68,6 +69,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
68
69
|
type: Input
|
|
69
70
|
}], isSelected: [{
|
|
70
71
|
type: Input
|
|
72
|
+
}], smallText: [{
|
|
73
|
+
type: Input
|
|
71
74
|
}], onClickEdit: [{
|
|
72
75
|
type: Output
|
|
73
76
|
}], onClickDelete: [{
|
|
@@ -75,4 +78,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
75
78
|
}], onClickCard: [{
|
|
76
79
|
type: Output
|
|
77
80
|
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWRyYWctb24vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWRyYWctb24vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFBO0FBQzdHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7O0FBUzdDLE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFXVyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUN0QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFFdEIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3RDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN4QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFaEQsVUFBSyxHQUFHLEtBQUssQ0FBQztLQTRCZjtJQTFCQyxJQUFZLEVBQUU7UUFDWixPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzNELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVk7UUFDcEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUk7WUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFZO1FBQ3RCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJO1lBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFFRCxTQUFTLENBQUMsS0FBWTtRQUNwQixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSTtZQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN0RCxDQUFDOytHQTVDVSx1QkFBdUI7bUdBQXZCLHVCQUF1Qix3YUNicEMsb3FGQXFFTSxrdUhENURNLGVBQWUsdUZBQUUsZUFBZSx1RkFBRSw4QkFBOEIsc0lBQUUsZUFBZTs7NEZBSWhGLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLGVBQWUsRUFBRSw4QkFBOEIsRUFBRSxlQUFlLENBQUM7OEJBS25GLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uU21Db21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1zbS9pY29uLXNtLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBJY29uTWRDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1tZC9pY29uLW1kLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQgfSBmcm9tIFwiLi4vYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkvYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkuY29tcG9uZW50XCJcclxuaW1wb3J0IHsgSWNvbkxnQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tbGdcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWNhcmQtbGlzdC1kcmFnLW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uU21Db21wb25lbnQsIEljb25NZENvbXBvbmVudCwgQnV0dG9uU3F1YXJlZFRlcnRpYXJ5Q29tcG9uZW50LCBJY29uTGdDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWxpc3QtZHJhZy1vbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NhcmQtbGlzdC1kcmFnLW9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZExpc3REcmFnT25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGV0YXBhSUQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgc3ViZXRhcGFJRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBhbm90aGVySUQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgc3RhdGU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHN1YmV0YXBhczogbnVtYmVyID0gMDtcclxuICBASW5wdXQoKSBmZWNoYTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaW1hZ2VVcmw6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGlzVXNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlzU2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzbWFsbFRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIFxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRWRpdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRGVsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tDYXJkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGhvdmVyID0gZmFsc2U7XHJcblxyXG4gIHByaXZhdGUgZ2V0IGlkKCk6IG51bWJlciB8IHVuZGVmaW5lZCB7XHJcbiAgICByZXR1cm4gdGhpcy5ldGFwYUlEID8/IHRoaXMuc3ViZXRhcGFJRCA/PyB0aGlzLmFub3RoZXJJRDtcclxuICB9XHJcblxyXG4gIG9uTW91c2VFbnRlcigpIHtcclxuICAgIHRoaXMuaG92ZXIgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25Nb3VzZUxlYXZlKCkge1xyXG4gICAgdGhpcy5ob3ZlciA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tFZGl0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAodGhpcy5pZCAhPSBudWxsKSB0aGlzLm9uQ2xpY2tFZGl0LmVtaXQodGhpcy5pZCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0RlbGV0ZShldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xyXG4gICAgaWYgKHRoaXMuaWQgIT0gbnVsbCkgdGhpcy5vbkNsaWNrRGVsZXRlLmVtaXQodGhpcy5pZCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0NhcmQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIGlmICh0aGlzLmlkICE9IG51bGwpIHRoaXMub25DbGlja0NhcmQuZW1pdCh0aGlzLmlkKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdlbmVyYWwtY29udGFpbmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFtjbGFzcy5pc0NsaWNrZWRdPVwiaXNTZWxlY3RlZFwiIChtb3VzZWVudGVyKT1cIm9uTW91c2VFbnRlcigpXCIgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKClcIlxyXG4gICAgKGNsaWNrKT1cImNsaWNrQ2FyZCgkZXZlbnQpXCI+XHJcbiAgICA8aXVzLWljb24tc20gW2ljb25OYW1lXT1cIidpY29uLWRyYWctaW5kaWNhdG9yJ1wiPjwvaXVzLWljb24tc20+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGF0YS1jb250YWluZXJcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1kYXRhXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0YVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdGVcIj57eyBzdGF0ZSB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPnt7IG5hbWUgfX08L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNtYWxsLXRleHRcIj57eyBzbWFsbFRleHQgfX08L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIEBpZihldGFwYUlEKXtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwib3B0aW9uYWwtZGF0YVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj5TdWJldGFwYXM8L3A+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPnt7IHN1YmV0YXBhcyB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgQGlmIChob3Zlcikge1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnNcIj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5IGljb25OYW1lPVwiaWNvbi1lZGl0XCJcclxuICAgICAgICAgICAgICAgIChidXR0b25DbGlja2VkKT1cImNsaWNrRWRpdCgkZXZlbnQpXCI+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICBAaWYgKCFpc1VzZWQpIHtcclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5IGljb25OYW1lPVwiaWNvbi1kZWxldGVcIlxyXG4gICAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tEZWxldGUoJGV2ZW50KVwiPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICB9QGVsc2V7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtdGV4dC1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0aXRsZVwiPkNyZWFkby9tb2RpZmljYWRvPC9wPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtZGF0ZVwiPlxyXG4gICAgICAgICAgICAgIEBpZihmZWNoYSl7XHJcbiAgICAgICAgICAgICAgQGlmKGltYWdlVXJsKXtcclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2VcIj5cclxuICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJpbWFnZVVybFwiIC8+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgfSBAZWxzZXtcclxuICAgICAgICAgICAgICA8aXVzLWljb24tbGcgW2ljb25OYW1lXT1cIidpY29uLWFjY291bnQtY2lyY2xlJ1wiIGNsYXNzPVwiaWNvbi1wbGFjZWhvbGRlclwiPjwvaXVzLWljb24tbGc+XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj57eyBmZWNoYSB9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICB9IEBpZiAoaG92ZXIgJiYgKHN1YmV0YXBhSUQgfHwgYW5vdGhlcklEKSApIHtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxyXG4gICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeSBpY29uTmFtZT1cImljb24tZWRpdFwiXHJcbiAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tFZGl0KCRldmVudClcIj48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgQGlmICghaXNVc2VkKSB7XHJcbiAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5IGljb25OYW1lPVwiaWNvbi1kZWxldGVcIlxyXG4gICAgICAgICAgICAgIChidXR0b25DbGlja2VkKT1cImNsaWNrRGVsZXRlKCRldmVudClcIj48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIH1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cIidpY29uLWtleWJvYXJkLWFycm93LXJpZ2h0J1wiPjwvaXVzLWljb24tbWQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { DatePipe } from '@angular/common';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export class CardListProcesoComponent {
|
|
4
5
|
constructor() {
|
|
@@ -10,11 +11,11 @@ export class CardListProcesoComponent {
|
|
|
10
11
|
this.onClickEvent.emit(event);
|
|
11
12
|
}
|
|
12
13
|
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"] }); }
|
|
14
|
+
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 | date: \"d 'de' MMMM 'de' y\"}}</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 | date: \"d 'de' MMMM 'de' y\"}}</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"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }] }); }
|
|
14
15
|
}
|
|
15
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListProcesoComponent, decorators: [{
|
|
16
17
|
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"] }]
|
|
18
|
+
args: [{ selector: 'ius-card-list-proceso', standalone: true, imports: [DatePipe], 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 | date: \"d 'de' MMMM 'de' y\"}}</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 | date: \"d 'de' MMMM 'de' y\"}}</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
19
|
}], propDecorators: { tipoProceso: [{
|
|
19
20
|
type: Input
|
|
20
21
|
}], state: [{
|
|
@@ -40,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
40
41
|
}], onClickEvent: [{
|
|
41
42
|
type: Output
|
|
42
43
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LXByb2Nlc28vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LXByb2Nlc28vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBVTNDLE1BQU0sT0FBTyx3QkFBd0I7SUFQckM7UUFrQlcsZUFBVSxHQUFXLFFBQVEsQ0FBQztRQUM5QixpQkFBWSxHQUFXLFVBQVUsQ0FBQztRQUNqQyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLbEQ7SUFIQyxPQUFPLENBQUMsS0FBWTtRQUNsQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQWpCVSx3QkFBd0I7bUdBQXhCLHdCQUF3QixrYUNickMscThDQTJCQSwyc0dEbEJZLFFBQVE7OzRGQUlQLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsUUFBUSxDQUFDOzhCQU1WLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgcmVnaXN0ZXJMb2NhbGVEYXRhIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IGxvY2FsZUVzIGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9sb2NhbGVzL2VzJztcclxuaW1wb3J0IHsgRGF0ZVBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWNhcmQtbGlzdC1wcm9jZXNvJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtEYXRlUGlwZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtbGlzdC1wcm9jZXNvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkTGlzdFByb2Nlc29Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSB0aXBvUHJvY2Vzbz86IHN0cmluZztcclxuICBASW5wdXQoKSBzdGF0ZT86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgcmFkaWNhZG8/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVtYW5kYW50ZXM/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVtYW5kYWRvcz86IHN0cmluZztcclxuICBASW5wdXQoKSB1c3VhcmlvQXNpZ25hZG8/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZmVjaGFBc2lnbmFjaW9uPzogRGF0ZSB8IHN0cmluZztcclxuICBASW5wdXQoKSBmZWNoYT86IERhdGUgfCBzdHJpbmc7XHJcbiAgQElucHV0KCkgdXNlcklEPzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGFjdGl2ZVRleHQ6IHN0cmluZyA9ICdBY3Rpdm8nO1xyXG4gIEBJbnB1dCgpIGluYWN0aXZlVGV4dDogc3RyaW5nID0gJ0luYWN0aXZvJztcclxuICBAT3V0cHV0KCkgb25DbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIG9uQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7IFxyXG4gICAgdGhpcy5vbkNsaWNrRXZlbnQuZW1pdChldmVudCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXItZ2VuZXJhbFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1jYXJkXCIgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiID5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWxlZnRcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LWVzdGFkb1wiPnt7c3RhdGUgPyAnQWN0aXZvJyA6ICdJbmFjdGl2byd9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC1wcm9jZXNvXCI+e3t0aXBvUHJvY2Vzb319XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LW51bWVyby1wcm9jZXNvXCI+e3tyYWRpY2Fkb319PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkZXNjcmlwLXByb2Nlc29cIiBzdHlsZT1cInBhZGRpbmc6IDRweCAwO1wiPkRlbWFuZGFudGVzIDxzcGFuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidGV4dC1uYW1lLWRlbWFuZFwiPnt7ZGVtYW5kYW50ZXN9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICBEZW1hbmRhZG9zIDxzcGFuIGNsYXNzPVwidGV4dC1uYW1lLWRlbWFuZFwiPnt7ZGVtYW5kYWRvc319PC9zcGFuPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFzc2lnbmVkXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJkZXNjcmlwLXByb2Nlc29cIj5Bc2lnbmFkbyBwb3IgPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LW5hbWUtZGVtYW5kXCI+e3t1c3VhcmlvQXNpZ25hZG99fTwvc3Bhbj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRlc2NyaXAtcHJvY2Vzb1wiPkFzaWduYWRvIGVsIDxzcGFuXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidGV4dC1uYW1lLWRlbWFuZFwiPnt7ZmVjaGFBc2lnbmFjaW9uIHwgZGF0ZTogXCJkICdkZScgTU1NTSAnZGUnIHlcIn19PC9zcGFuPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtcmlnaHRcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBnYXA6IDhweDtcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQtZmVjaGEtbW92XCI+e3tmZWNoYSB8IGRhdGU6IFwiZCAnZGUnIE1NTU0gJ2RlJyB5XCJ9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -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 | date: \"d 'de' MMMM 'de' y\"}}</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 | date: \"d 'de' MMMM 'de' y\"}}</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"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }] }); }
|
|
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: [DatePipe], 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 | date: \"d 'de' MMMM 'de' y\"}}</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 | date: \"d 'de' MMMM 'de' y\"}}</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: [{
|
|
@@ -6188,6 +6188,7 @@ class CardListDragOnComponent {
|
|
|
6188
6188
|
this.imageUrl = '';
|
|
6189
6189
|
this.isUsed = false;
|
|
6190
6190
|
this.isSelected = false;
|
|
6191
|
+
this.smallText = '';
|
|
6191
6192
|
this.onClickEdit = new EventEmitter();
|
|
6192
6193
|
this.onClickDelete = new EventEmitter();
|
|
6193
6194
|
this.onClickCard = new EventEmitter();
|
|
@@ -6218,11 +6219,11 @@ class CardListDragOnComponent {
|
|
|
6218
6219
|
this.onClickCard.emit(this.id);
|
|
6219
6220
|
}
|
|
6220
6221
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6221
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListDragOnComponent, isStandalone: true, selector: "ius-card-list-drag-on", inputs: { etapaID: "etapaID", subetapaID: "subetapaID", anotherID: "anotherID", state: "state", name: "name", subetapas: "subetapas", fecha: "fecha", imageUrl: "imageUrl", isUsed: "isUsed", isSelected: "isSelected" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{
|
|
6222
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListDragOnComponent, isStandalone: true, selector: "ius-card-list-drag-on", inputs: { etapaID: "etapaID", subetapaID: "subetapaID", anotherID: "anotherID", state: "state", name: "name", subetapas: "subetapas", fecha: "fecha", imageUrl: "imageUrl", isUsed: "isUsed", isSelected: "isSelected", smallText: "smallText" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }@else{\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(fecha){\r\n @if(imageUrl){\r\n <div class=\"image\">\r\n <img [src]=\"imageUrl\" />\r\n </div>\r\n } @else{\r\n <ius-icon-lg [iconName]=\"'icon-account-circle'\" class=\"icon-placeholder\"></ius-icon-lg>\r\n }\r\n }\r\n <p class=\"text\">{{ fecha }}</p>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @if (hover && (subetapaID || anotherID) ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n\r\n <ius-icon-md [iconName]=\"'icon-keyboard-arrow-right'\"></ius-icon-md>\r\n </div>\r\n</div>", 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}.general-container{position:relative}p{margin:0}.container{display:flex;padding:8px 12px;min-height:56px;box-sizing:border-box;align-items:center;align-content:center;gap:12px 12px;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;cursor:pointer}.container:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.icon-placeholder{color:#8c8c8c}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0;min-width:0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;min-width:0}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0;min-width:0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0;min-width:0}.state{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.name{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.optional-data{display:flex;align-items:center;align-content:space-between;gap:24px}.title-text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.title{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.image-date{display:flex;align-items:center;gap:8px}.image{display:flex;width:24px;height:24px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}img{width:24px;height:24px;flex-shrink:0;aspect-ratio:1/1;border-radius:24px}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.isClicked{border:1px solid #c4dfff!important;background:#edf6ff!important}.small-text{color:var(--ColorText-colorTextTertiary, #8c8c8c);font-family:Rubik;font-size:var(--Text-Size-FontSize-Small, 12px);font-style:normal;font-weight:400;line-height:var(--Text-Size-FontHeight-Small, 16px);letter-spacing:.24px}\n"], dependencies: [{ kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
6222
6223
|
}
|
|
6223
6224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, decorators: [{
|
|
6224
6225
|
type: Component,
|
|
6225
|
-
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent, IconLgComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{
|
|
6226
|
+
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent, IconLgComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\" [class.isClicked]=\"isSelected\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\">\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }@else{\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(fecha){\r\n @if(imageUrl){\r\n <div class=\"image\">\r\n <img [src]=\"imageUrl\" />\r\n </div>\r\n } @else{\r\n <ius-icon-lg [iconName]=\"'icon-account-circle'\" class=\"icon-placeholder\"></ius-icon-lg>\r\n }\r\n }\r\n <p class=\"text\">{{ fecha }}</p>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n } @if (hover && (subetapaID || anotherID) ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n @if (!isUsed) {\r\n <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n\r\n <ius-icon-md [iconName]=\"'icon-keyboard-arrow-right'\"></ius-icon-md>\r\n </div>\r\n</div>", 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}.general-container{position:relative}p{margin:0}.container{display:flex;padding:8px 12px;min-height:56px;box-sizing:border-box;align-items:center;align-content:center;gap:12px 12px;align-self:stretch;border-radius:8px;border:1px solid #eaeaea;background:#fff;cursor:pointer}.container:hover{border:1px solid #C4DFFF;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.icon-placeholder{color:#8c8c8c}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0;min-width:0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;min-width:0}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0;min-width:0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0;min-width:0}.state{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.name{color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.optional-data{display:flex;align-items:center;align-content:space-between;gap:24px}.title-text-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.title{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.text{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.image-date{display:flex;align-items:center;gap:8px}.image{display:flex;width:24px;height:24px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:100px;border:.5px solid #f5f5f5;background:#fff3}img{width:24px;height:24px;flex-shrink:0;aspect-ratio:1/1;border-radius:24px}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.isClicked{border:1px solid #c4dfff!important;background:#edf6ff!important}.small-text{color:var(--ColorText-colorTextTertiary, #8c8c8c);font-family:Rubik;font-size:var(--Text-Size-FontSize-Small, 12px);font-style:normal;font-weight:400;line-height:var(--Text-Size-FontHeight-Small, 16px);letter-spacing:.24px}\n"] }]
|
|
6226
6227
|
}], propDecorators: { etapaID: [{
|
|
6227
6228
|
type: Input
|
|
6228
6229
|
}], subetapaID: [{
|
|
@@ -6243,6 +6244,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6243
6244
|
type: Input
|
|
6244
6245
|
}], isSelected: [{
|
|
6245
6246
|
type: Input
|
|
6247
|
+
}], smallText: [{
|
|
6248
|
+
type: Input
|
|
6246
6249
|
}], onClickEdit: [{
|
|
6247
6250
|
type: Output
|
|
6248
6251
|
}], onClickDelete: [{
|