@litigiovirtual/ius-design-components 1.0.191 → 1.0.193
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 +7 -6
- package/esm2022/lib/card-list-proceso/card-list-proceso.component.mjs +3 -4
- package/esm2022/lib/card-tipo-proceso/card-tipo-proceso.component.mjs +8 -5
- package/fesm2022/litigiovirtual-ius-design-components.mjs +13 -11
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/card-list-drag-on/card-list-drag-on.component.d.ts +2 -2
- package/lib/card-tipo-proceso/card-tipo-proceso.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -2,15 +2,16 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
import { IconSmComponent } from "../icon-sm/icon-sm.component";
|
|
3
3
|
import { IconMdComponent } from "../icon-md/icon-md.component";
|
|
4
4
|
import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary/button-squared-tertiary.component";
|
|
5
|
+
import { IconLgComponent } from "../icon-lg";
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class CardListDragOnComponent {
|
|
7
8
|
constructor() {
|
|
8
9
|
this.state = '';
|
|
9
10
|
this.name = '';
|
|
10
|
-
this.smallText = '';
|
|
11
11
|
this.subetapas = 0;
|
|
12
12
|
this.fecha = '';
|
|
13
13
|
this.imageUrl = '';
|
|
14
|
+
this.isUsed = false;
|
|
14
15
|
this.isSelected = false;
|
|
15
16
|
this.onClickEdit = new EventEmitter();
|
|
16
17
|
this.onClickDelete = new EventEmitter();
|
|
@@ -42,11 +43,11 @@ export class CardListDragOnComponent {
|
|
|
42
43
|
this.onClickCard.emit(this.id);
|
|
43
44
|
}
|
|
44
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45
|
-
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",
|
|
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\">{{ isUsed ? 'En uso' : 'Activo' }}</div>\r\n <div class=\"name\">{{ name }}</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 <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\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 <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\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;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"] }] }); }
|
|
46
47
|
}
|
|
47
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, decorators: [{
|
|
48
49
|
type: Component,
|
|
49
|
-
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent], template: "<div class=\"general-container\">\r\n <div
|
|
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\">{{ isUsed ? 'En uso' : 'Activo' }}</div>\r\n <div class=\"name\">{{ name }}</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 <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\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 <div>\r\n <ius-button-squared-tertiary iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"></ius-button-squared-tertiary>\r\n </div>\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;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"] }]
|
|
50
51
|
}], propDecorators: { etapaID: [{
|
|
51
52
|
type: Input
|
|
52
53
|
}], subetapaID: [{
|
|
@@ -57,14 +58,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
57
58
|
type: Input
|
|
58
59
|
}], name: [{
|
|
59
60
|
type: Input
|
|
60
|
-
}], smallText: [{
|
|
61
|
-
type: Input
|
|
62
61
|
}], subetapas: [{
|
|
63
62
|
type: Input
|
|
64
63
|
}], fecha: [{
|
|
65
64
|
type: Input
|
|
66
65
|
}], imageUrl: [{
|
|
67
66
|
type: Input
|
|
67
|
+
}], isUsed: [{
|
|
68
|
+
type: Input
|
|
68
69
|
}], isSelected: [{
|
|
69
70
|
type: Input
|
|
70
71
|
}], onClickEdit: [{
|
|
@@ -74,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
74
75
|
}], onClickCard: [{
|
|
75
76
|
type: Output
|
|
76
77
|
}] } });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWRyYWctb24vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWRyYWctb24vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFBO0FBQzdHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7O0FBUzdDLE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFXVyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDbEIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUN0QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWhELFVBQUssR0FBRyxLQUFLLENBQUM7S0E0QmY7SUExQkMsSUFBWSxFQUFFO1FBQ1osT0FBTyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUMzRCxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFZO1FBQ3BCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJO1lBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRCxXQUFXLENBQUMsS0FBWTtRQUN0QixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSTtZQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVk7UUFDcEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUk7WUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQzsrR0EzQ1UsdUJBQXVCO21HQUF2Qix1QkFBdUIsZ1pDYnBDLGlpRkFnRU0sOHRIRHZETSxlQUFlLHVGQUFFLGVBQWUsdUZBQUUsOEJBQThCLHNJQUFFLGVBQWU7OzRGQUloRix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSxlQUFlLEVBQUUsOEJBQThCLEVBQUUsZUFBZSxDQUFDOzhCQUtuRixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25TbUNvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLXNtL2ljb24tc20uY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kL2ljb24tbWQuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEJ1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeS9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeS5jb21wb25lbnRcIlxyXG5pbXBvcnQgeyBJY29uTGdDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1sZ1wiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FyZC1saXN0LWRyYWctb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25TbUNvbXBvbmVudCwgSWNvbk1kQ29tcG9uZW50LCBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQsIEljb25MZ0NvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtbGlzdC1kcmFnLW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkTGlzdERyYWdPbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgZXRhcGFJRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBzdWJldGFwYUlEPzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGFub3RoZXJJRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBzdGF0ZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc3ViZXRhcGFzOiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIGZlY2hhOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpbWFnZVVybDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaXNVc2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNTZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgb25DbGlja0VkaXQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgb25DbGlja0RlbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrQ2FyZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBob3ZlciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGdldCBpZCgpOiBudW1iZXIgfCB1bmRlZmluZWQge1xyXG4gICAgcmV0dXJuIHRoaXMuZXRhcGFJRCA/PyB0aGlzLnN1YmV0YXBhSUQgPz8gdGhpcy5hbm90aGVySUQ7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlRW50ZXIoKSB7XHJcbiAgICB0aGlzLmhvdmVyID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG9uTW91c2VMZWF2ZSgpIHtcclxuICAgIHRoaXMuaG92ZXIgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIGNsaWNrRWRpdChldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xyXG4gICAgaWYgKHRoaXMuaWQgIT0gbnVsbCkgdGhpcy5vbkNsaWNrRWRpdC5lbWl0KHRoaXMuaWQpO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tEZWxldGUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIGlmICh0aGlzLmlkICE9IG51bGwpIHRoaXMub25DbGlja0RlbGV0ZS5lbWl0KHRoaXMuaWQpO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tDYXJkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAodGhpcy5pZCAhPSBudWxsKSB0aGlzLm9uQ2xpY2tDYXJkLmVtaXQodGhpcy5pZCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJnZW5lcmFsLWNvbnRhaW5lclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBbY2xhc3MuaXNDbGlja2VkXT1cImlzU2VsZWN0ZWRcIiAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoKVwiIChtb3VzZWxlYXZlKT1cIm9uTW91c2VMZWF2ZSgpXCJcclxuICAgIChjbGljayk9XCJjbGlja0NhcmQoJGV2ZW50KVwiPlxyXG4gICAgPGl1cy1pY29uLXNtIFtpY29uTmFtZV09XCInaWNvbi1kcmFnLWluZGljYXRvcidcIj48L2l1cy1pY29uLXNtPlxyXG4gICAgPGRpdiBjbGFzcz1cImRhdGEtY29udGFpbmVyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdlbmVyYWwtZGF0YVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRhdGFcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXRlXCI+e3sgaXNVc2VkID8gJ0VuIHVzbycgOiAnQWN0aXZvJyB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPnt7IG5hbWUgfX08L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIEBpZihldGFwYUlEKXtcclxuICAgICAgICA8ZGl2IGNsYXNzPVwib3B0aW9uYWwtZGF0YVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj5TdWJldGFwYXM8L3A+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPnt7IHN1YmV0YXBhcyB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgQGlmIChob3ZlciApIHtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeSBpY29uTmFtZT1cImljb24tZWRpdFwiXHJcbiAgICAgICAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJjbGlja0VkaXQoJGV2ZW50KVwiPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5IGljb25OYW1lPVwiaWNvbi1kZWxldGVcIlxyXG4gICAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tEZWxldGUoJGV2ZW50KVwiPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgfUBlbHNle1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj5DcmVhZG8vbW9kaWZpY2FkbzwvcD5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWRhdGVcIj5cclxuICAgICAgICAgICAgICBAaWYoZmVjaGEpe1xyXG4gICAgICAgICAgICAgIEBpZihpbWFnZVVybCl7XHJcbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nIFtzcmNdPVwiaW1hZ2VVcmxcIiAvPlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIH0gQGVsc2V7XHJcbiAgICAgICAgICAgICAgPGl1cy1pY29uLWxnIFtpY29uTmFtZV09XCInaWNvbi1hY2NvdW50LWNpcmNsZSdcIiBjbGFzcz1cImljb24tcGxhY2Vob2xkZXJcIj48L2l1cy1pY29uLWxnPlxyXG4gICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+e3sgZmVjaGEgfX08L3A+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfSBAaWYgKGhvdmVyICYmIChzdWJldGFwYUlEIHx8IGFub3RoZXJJRCkgKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnNcIj5cclxuICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkgaWNvbk5hbWU9XCJpY29uLWVkaXRcIlxyXG4gICAgICAgICAgICAgIChidXR0b25DbGlja2VkKT1cImNsaWNrRWRpdCgkZXZlbnQpXCI+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkgaWNvbk5hbWU9XCJpY29uLWRlbGV0ZVwiXHJcbiAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tEZWxldGUoJGV2ZW50KVwiPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxpdXMtaWNvbi1tZCBbaWNvbk5hbWVdPVwiJ2ljb24ta2V5Ym9hcmQtYXJyb3ctcmlnaHQnXCI+PC9pdXMtaWNvbi1tZD5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { DatePipe } from '@angular/common';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
export class CardListProcesoComponent {
|
|
5
4
|
constructor() {
|
|
@@ -11,11 +10,11 @@ export class CardListProcesoComponent {
|
|
|
11
10
|
this.onClickEvent.emit(event);
|
|
12
11
|
}
|
|
13
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListProcesoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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
|
|
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"] }); }
|
|
15
14
|
}
|
|
16
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListProcesoComponent, decorators: [{
|
|
17
16
|
type: Component,
|
|
18
|
-
args: [{ selector: 'ius-card-list-proceso', standalone: true, imports: [
|
|
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"] }]
|
|
19
18
|
}], propDecorators: { tipoProceso: [{
|
|
20
19
|
type: Input
|
|
21
20
|
}], state: [{
|
|
@@ -41,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
41
40
|
}], onClickEvent: [{
|
|
42
41
|
type: Output
|
|
43
42
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LXByb2Nlc28vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LXByb2Nlc28vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQWtCVyxlQUFVLEdBQVcsUUFBUSxDQUFDO1FBQzlCLGlCQUFZLEdBQVcsVUFBVSxDQUFDO1FBQ2pDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQUtsRDtJQUhDLE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7K0dBakJVLHdCQUF3QjttR0FBeEIsd0JBQXdCLGthQ1RyQywrMkNBMkJBOzs0RkRsQmEsd0JBQXdCO2tCQVBwQyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsRUFBRTs4QkFNRixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1jYXJkLWxpc3QtcHJvY2VzbycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1saXN0LXByb2Nlc28uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYXJkLWxpc3QtcHJvY2Vzby5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmRMaXN0UHJvY2Vzb0NvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHRpcG9Qcm9jZXNvPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHN0YXRlPzogYm9vbGVhbjtcclxuICBASW5wdXQoKSByYWRpY2Fkbz86IHN0cmluZztcclxuICBASW5wdXQoKSBkZW1hbmRhbnRlcz86IHN0cmluZztcclxuICBASW5wdXQoKSBkZW1hbmRhZG9zPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVzdWFyaW9Bc2lnbmFkbz86IHN0cmluZztcclxuICBASW5wdXQoKSBmZWNoYUFzaWduYWNpb24/OiBEYXRlIHwgc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZlY2hhPzogRGF0ZSB8IHN0cmluZztcclxuICBASW5wdXQoKSB1c2VySUQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgYWN0aXZlVGV4dDogc3RyaW5nID0gJ0FjdGl2byc7XHJcbiAgQElucHV0KCkgaW5hY3RpdmVUZXh0OiBzdHJpbmcgPSAnSW5hY3Rpdm8nO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgb25DbGljayhldmVudDogRXZlbnQpOiB2b2lkIHsgXHJcbiAgICB0aGlzLm9uQ2xpY2tFdmVudC5lbWl0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lci1nZW5lcmFsXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWNhcmRcIiAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCIgPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXItbGVmdFwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQtZXN0YWRvXCI+e3tzdGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXByb2Nlc29cIj57e3RpcG9Qcm9jZXNvfX1cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQtbnVtZXJvLXByb2Nlc29cIj57e3JhZGljYWRvfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRlc2NyaXAtcHJvY2Vzb1wiIHN0eWxlPVwicGFkZGluZzogNHB4IDA7XCI+RGVtYW5kYW50ZXMgPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LW5hbWUtZGVtYW5kXCI+e3tkZW1hbmRhbnRlc319PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIERlbWFuZGFkb3MgPHNwYW4gY2xhc3M9XCJ0ZXh0LW5hbWUtZGVtYW5kXCI+e3tkZW1hbmRhZG9zfX08L3NwYW4+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXNzaWduZWRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImRlc2NyaXAtcHJvY2Vzb1wiPkFzaWduYWRvIHBvciA8c3BhblxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInRleHQtbmFtZS1kZW1hbmRcIj57e3VzdWFyaW9Bc2lnbmFkb319PC9zcGFuPjwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZGVzY3JpcC1wcm9jZXNvXCI+QXNpZ25hZG8gZWwgPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0ZXh0LW5hbWUtZGVtYW5kXCI+e3tmZWNoYUFzaWduYWNpb259fTwvc3Bhbj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZ2FwOiA4cHg7XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LWZlY2hhLW1vdlwiPnt7ZmVjaGF9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -2,16 +2,19 @@ import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
|
2
2
|
import { IconMdComponent } from "../icon-md/icon-md.component";
|
|
3
3
|
import { IconLgComponent } from "../icon-lg/icon-lg.component";
|
|
4
4
|
import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary/button-squared-tertiary.component";
|
|
5
|
+
import { PopoverDirective } from '../directives/popover.directive';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class CardTipoProcesoComponent {
|
|
7
8
|
constructor() {
|
|
8
|
-
this.estadoTipoProceso = 'Activo';
|
|
9
9
|
this.nombreTipoProceso = '';
|
|
10
10
|
this.onClickEdit = new EventEmitter();
|
|
11
11
|
this.onClickDelete = new EventEmitter();
|
|
12
12
|
this.onClickCard = new EventEmitter();
|
|
13
13
|
this.hover = false;
|
|
14
14
|
}
|
|
15
|
+
get displayEstado() {
|
|
16
|
+
return this.isUsed ? 'En uso' : 'Activo';
|
|
17
|
+
}
|
|
15
18
|
onMouseEnter() {
|
|
16
19
|
this.hover = true;
|
|
17
20
|
}
|
|
@@ -31,14 +34,14 @@ export class CardTipoProcesoComponent {
|
|
|
31
34
|
this.onClickCard.emit(this.tipoProcesoID);
|
|
32
35
|
}
|
|
33
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardTipoProcesoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardTipoProcesoComponent, isStandalone: true, selector: "ius-card-tipo-proceso", inputs: { tipoProcesoID: "tipoProcesoID",
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardTipoProcesoComponent, isStandalone: true, selector: "ius-card-tipo-proceso", inputs: { tipoProcesoID: "tipoProcesoID", isUsed: "isUsed", nombreTipoProceso: "nombreTipoProceso", tipoCompetente: "tipoCompetente", usuarioCreacion: "usuarioCreacion", fechaCreacion: "fechaCreacion", usuarioModificacion: "usuarioModificacion", cantidadEstados: "cantidadEstados", etapasSubetapas: "etapasSubetapas" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"container-content\">\r\n <div class=\"content\">\r\n <div class=\"general-info\">\r\n <div class=\"icon-container\">\r\n <div class=\"icon-shadow\">\r\n <ius-icon-lg [iconName]=\"'icon-strategy'\"> </ius-icon-lg>\r\n </div>\r\n </div>\r\n <div class=\"text-container\">\r\n <p class=\"state-text\">{{ displayEstado }}</p>\r\n <p class=\"process-type\">{{ nombreTipoProceso }}</p>\r\n <p class=\"subtitle\">{{ tipoCompetente }}</p>\r\n </div>\r\n </div>\r\n <div class=\"another-info\">\r\n <div class=\"title-text-container wt-creado\">\r\n <p class=\"title\">Creado por</p>\r\n <p class=\"text body-base-1\" [iusPopoverContent]=\"usuarioCreacion\">{{ usuarioCreacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Fecha creaci\u00F3n</p>\r\n <p class=\"text body-base-1\">{{ fechaCreacion }}</p>\r\n </div>\r\n <div class=\"title-text-container wt-modificado\">\r\n <p class=\"title\">Modificado por</p>\r\n <p class=\"text body-base-1\" [iusPopoverContent]=\"usuarioModificacion ?? 'Sin registro'\">{{\r\n usuarioModificacion ?? 'Sin registro' }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Estados</p>\r\n <p class=\"text body-base-1\">{{ cantidadEstados }}</p>\r\n </div>\r\n @if(hover){\r\n <div class=\"buttons wt-etapas\">\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 wt-etapas\">\r\n <p class=\"title\">Etapas/Subetapas</p>\r\n <p class=\"text body-base-1\">{{ etapasSubetapas }}</p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n <button>\r\n <ius-icon-md [iconName]=\"'icon-keyboard-arrow-right'\"></ius-icon-md>\r\n </button>\r\n </div>\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;height:86px;box-sizing:border-box;padding:16px 40px;align-items:center;align-content:center;gap:12px 12px;align-self:stretch;flex-wrap:wrap;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}.container-content{display:flex;align-items:center;gap:24px;width:100%;justify-content:space-between}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex-wrap:wrap;justify-content:space-between;width:100%}.general-info,.icon-container{display:flex;align-items:center;gap:8px}.icon-shadow{display:flex;width:40px;height:40px;padding:0;justify-content:center;align-items:center;gap:8px;aspect-ratio:1/1;border-radius:100px;background:#c4dfff}.text-container{display:flex;flex-direction:column;align-items:flex-start;gap:0}.state-text{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.process-type{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:22px}.subtitle{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.another-info{display:flex;align-items:center;align-content:space-between;column-gap:24px;flex-wrap:wrap}.title-text-container{display:flex;flex-direction:column;height:32px;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}button{border:none;background-color:transparent;cursor:pointer}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.wt-etapas{width:110px}.wt-modificado{width:205px}.wt-creado{width:124px}.wt-creado,.wt-modificado{overflow:hidden}.wt-creado .text,.wt-modificado .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "directive", type: PopoverDirective, selector: "[iusPopover], [iusPopoverTitle], [iusPopoverContent]", inputs: ["iusPopover", "iusPopoverTitle", "iusPopoverContent", "iusPopoverPosition", "iusPopoverOpenDelay", "iusPopoverCloseDelay"] }] }); }
|
|
35
38
|
}
|
|
36
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardTipoProcesoComponent, decorators: [{
|
|
37
40
|
type: Component,
|
|
38
|
-
args: [{ selector: 'ius-card-tipo-proceso', standalone: true, imports: [IconMdComponent, IconLgComponent, ButtonSquaredTertiaryComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"container-content\">\r\n <div class=\"content\">\r\n <div class=\"general-info\">\r\n <div class=\"icon-container\">\r\n <div class=\"icon-shadow\">\r\n <ius-icon-lg [iconName]=\"'icon-strategy'\"> </ius-icon-lg>\r\n </div>\r\n </div>\r\n <div class=\"text-container\">\r\n <p class=\"state-text\">{{
|
|
41
|
+
args: [{ selector: 'ius-card-tipo-proceso', standalone: true, imports: [IconMdComponent, IconLgComponent, ButtonSquaredTertiaryComponent, PopoverDirective], template: "<div class=\"general-container\">\r\n <div class=\"container\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"container-content\">\r\n <div class=\"content\">\r\n <div class=\"general-info\">\r\n <div class=\"icon-container\">\r\n <div class=\"icon-shadow\">\r\n <ius-icon-lg [iconName]=\"'icon-strategy'\"> </ius-icon-lg>\r\n </div>\r\n </div>\r\n <div class=\"text-container\">\r\n <p class=\"state-text\">{{ displayEstado }}</p>\r\n <p class=\"process-type\">{{ nombreTipoProceso }}</p>\r\n <p class=\"subtitle\">{{ tipoCompetente }}</p>\r\n </div>\r\n </div>\r\n <div class=\"another-info\">\r\n <div class=\"title-text-container wt-creado\">\r\n <p class=\"title\">Creado por</p>\r\n <p class=\"text body-base-1\" [iusPopoverContent]=\"usuarioCreacion\">{{ usuarioCreacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Fecha creaci\u00F3n</p>\r\n <p class=\"text body-base-1\">{{ fechaCreacion }}</p>\r\n </div>\r\n <div class=\"title-text-container wt-modificado\">\r\n <p class=\"title\">Modificado por</p>\r\n <p class=\"text body-base-1\" [iusPopoverContent]=\"usuarioModificacion ?? 'Sin registro'\">{{\r\n usuarioModificacion ?? 'Sin registro' }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Estados</p>\r\n <p class=\"text body-base-1\">{{ cantidadEstados }}</p>\r\n </div>\r\n @if(hover){\r\n <div class=\"buttons wt-etapas\">\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 wt-etapas\">\r\n <p class=\"title\">Etapas/Subetapas</p>\r\n <p class=\"text body-base-1\">{{ etapasSubetapas }}</p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n <button>\r\n <ius-icon-md [iconName]=\"'icon-keyboard-arrow-right'\"></ius-icon-md>\r\n </button>\r\n </div>\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;height:86px;box-sizing:border-box;padding:16px 40px;align-items:center;align-content:center;gap:12px 12px;align-self:stretch;flex-wrap:wrap;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}.container-content{display:flex;align-items:center;gap:24px;width:100%;justify-content:space-between}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex-wrap:wrap;justify-content:space-between;width:100%}.general-info,.icon-container{display:flex;align-items:center;gap:8px}.icon-shadow{display:flex;width:40px;height:40px;padding:0;justify-content:center;align-items:center;gap:8px;aspect-ratio:1/1;border-radius:100px;background:#c4dfff}.text-container{display:flex;flex-direction:column;align-items:flex-start;gap:0}.state-text{color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.process-type{color:#333;font-family:Roboto,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:22px}.subtitle{color:#8c8c8c;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.another-info{display:flex;align-items:center;align-content:space-between;column-gap:24px;flex-wrap:wrap}.title-text-container{display:flex;flex-direction:column;height:32px;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}button{border:none;background-color:transparent;cursor:pointer}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.wt-etapas{width:110px}.wt-modificado{width:205px}.wt-creado{width:124px}.wt-creado,.wt-modificado{overflow:hidden}.wt-creado .text,.wt-modificado .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"] }]
|
|
39
42
|
}], propDecorators: { tipoProcesoID: [{
|
|
40
43
|
type: Input
|
|
41
|
-
}],
|
|
44
|
+
}], isUsed: [{
|
|
42
45
|
type: Input
|
|
43
46
|
}], nombreTipoProceso: [{
|
|
44
47
|
type: Input
|
|
@@ -61,4 +64,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
61
64
|
}], onClickCard: [{
|
|
62
65
|
type: Output
|
|
63
66
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aXBvLXByb2Nlc28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC10aXBvLXByb2Nlc28vY2FyZC10aXBvLXByb2Nlc28uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC10aXBvLXByb2Nlc28vY2FyZC10aXBvLXByb2Nlc28uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFBO0FBQzdHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQVNuRSxNQUFNLE9BQU8sd0JBQXdCO0lBUHJDO1FBV1csc0JBQWlCLEdBQVcsRUFBRSxDQUFDO1FBWTlCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWhELFVBQUssR0FBRyxLQUFLLENBQUM7S0F3QmY7SUF0Q0MsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUMzQyxDQUFDO0lBY0QsWUFBWTtRQUNWLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFZO1FBQ3BCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVk7UUFDdEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBWTtRQUNwQixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDNUMsQ0FBQzsrR0EzQ1Usd0JBQXdCO21HQUF4Qix3QkFBd0Isc2ZDYnJDLDhvRkE0RE0seWhIRG5ETSxlQUFlLHVGQUFFLGVBQWUsdUZBQUUsOEJBQThCLHNJQUFFLGdCQUFnQjs7NEZBSWpGLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLGVBQWUsRUFBRSw4QkFBOEIsRUFBRSxnQkFBZ0IsQ0FBQzs4QkFNcEYsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUtHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uTWRDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1tZC9pY29uLW1kLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBJY29uTGdDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1sZy9pY29uLWxnLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQgfSBmcm9tIFwiLi4vYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkvYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkuY29tcG9uZW50XCJcclxuaW1wb3J0IHsgUG9wb3ZlckRpcmVjdGl2ZSB9IGZyb20gJy4uL2RpcmVjdGl2ZXMvcG9wb3Zlci5kaXJlY3RpdmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FyZC10aXBvLXByb2Nlc28nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25NZENvbXBvbmVudCwgSWNvbkxnQ29tcG9uZW50LCBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQsIFBvcG92ZXJEaXJlY3RpdmVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXRpcG8tcHJvY2Vzby5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NhcmQtdGlwby1wcm9jZXNvLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZFRpcG9Qcm9jZXNvQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgdGlwb1Byb2Nlc29JRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBpc1VzZWQ/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5vbWJyZVRpcG9Qcm9jZXNvOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgZ2V0IGRpc3BsYXlFc3RhZG8oKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmlzVXNlZCA/ICdFbiB1c28nIDogJ0FjdGl2byc7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIHRpcG9Db21wZXRlbnRlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVzdWFyaW9DcmVhY2lvbj86IHN0cmluZztcclxuICBASW5wdXQoKSBmZWNoYUNyZWFjaW9uPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVzdWFyaW9Nb2RpZmljYWNpb24/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2FudGlkYWRFc3RhZG9zPzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGV0YXBhc1N1YmV0YXBhcz86IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tFZGl0ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tEZWxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgb25DbGlja0NhcmQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgaG92ZXIgPSBmYWxzZTtcclxuXHJcbiAgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5ob3ZlciA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlTGVhdmUoKSB7XHJcbiAgICB0aGlzLmhvdmVyID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBjbGlja0VkaXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMub25DbGlja0VkaXQuZW1pdCh0aGlzLnRpcG9Qcm9jZXNvSUQpO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tEZWxldGUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMub25DbGlja0RlbGV0ZS5lbWl0KHRoaXMudGlwb1Byb2Nlc29JRCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0NhcmQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMub25DbGlja0NhcmQuZW1pdCh0aGlzLnRpcG9Qcm9jZXNvSUQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKClcIiAobW91c2VsZWF2ZSk9XCJvbk1vdXNlTGVhdmUoKVwiIChjbGljayk9XCJjbGlja0NhcmQoJGV2ZW50KVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1jb250ZW50XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdlbmVyYWwtaW5mb1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXNoYWRvd1wiPlxyXG4gICAgICAgICAgICAgIDxpdXMtaWNvbi1sZyBbaWNvbk5hbWVdPVwiJ2ljb24tc3RyYXRlZ3knXCI+IDwvaXVzLWljb24tbGc+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJzdGF0ZS10ZXh0XCI+e3sgZGlzcGxheUVzdGFkbyB9fTwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJwcm9jZXNzLXR5cGVcIj57eyBub21icmVUaXBvUHJvY2VzbyB9fTwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7IHRpcG9Db21wZXRlbnRlIH19PC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFub3RoZXItaW5mb1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyIHd0LWNyZWFkb1wiPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRpdGxlXCI+Q3JlYWRvIHBvcjwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IGJvZHktYmFzZS0xXCIgW2l1c1BvcG92ZXJDb250ZW50XT1cInVzdWFyaW9DcmVhY2lvblwiPnt7IHVzdWFyaW9DcmVhY2lvbiB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj5GZWNoYSBjcmVhY2nDs248L3A+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dCBib2R5LWJhc2UtMVwiPnt7IGZlY2hhQ3JlYWNpb24gfX08L3A+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS10ZXh0LWNvbnRhaW5lciB3dC1tb2RpZmljYWRvXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj5Nb2RpZmljYWRvIHBvcjwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IGJvZHktYmFzZS0xXCIgW2l1c1BvcG92ZXJDb250ZW50XT1cInVzdWFyaW9Nb2RpZmljYWNpb24gPz8gJ1NpbiByZWdpc3RybydcIj57e1xyXG4gICAgICAgICAgICAgIHVzdWFyaW9Nb2RpZmljYWNpb24gPz8gJ1NpbiByZWdpc3RybycgfX08L3A+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS10ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRpdGxlXCI+RXN0YWRvczwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0IGJvZHktYmFzZS0xXCI+e3sgY2FudGlkYWRFc3RhZG9zIH19PC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICBAaWYoaG92ZXIpe1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnMgd3QtZXRhcGFzXCI+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeSBpY29uTmFtZT1cImljb24tZWRpdFwiXHJcbiAgICAgICAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJjbGlja0VkaXQoJGV2ZW50KVwiPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgQGlmKCFpc1VzZWQpe1xyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkgaWNvbk5hbWU9XCJpY29uLWRlbGV0ZVwiXHJcbiAgICAgICAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJjbGlja0RlbGV0ZSgkZXZlbnQpXCI+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIH1AZWxzZXtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS10ZXh0LWNvbnRhaW5lciB3dC1ldGFwYXNcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0aXRsZVwiPkV0YXBhcy9TdWJldGFwYXM8L3A+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dCBib2R5LWJhc2UtMVwiPnt7IGV0YXBhc1N1YmV0YXBhcyB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGJ1dHRvbj5cclxuICAgICAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cIidpY29uLWtleWJvYXJkLWFycm93LXJpZ2h0J1wiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|