@litigiovirtual/ius-design-components 1.0.187 → 1.0.189
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-tipo-proceso/card-tipo-proceso.component.mjs +7 -5
- package/esm2022/lib/dropdown/dropdown.component.mjs +4 -3
- package/fesm2022/litigiovirtual-ius-design-components.mjs +9 -6
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/card-tipo-proceso/card-tipo-proceso.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -5,13 +5,15 @@ import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary/butto
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class CardTipoProcesoComponent {
|
|
7
7
|
constructor() {
|
|
8
|
-
this.estadoTipoProceso = 'Activo';
|
|
9
8
|
this.nombreTipoProceso = '';
|
|
10
9
|
this.onClickEdit = new EventEmitter();
|
|
11
10
|
this.onClickDelete = new EventEmitter();
|
|
12
11
|
this.onClickCard = new EventEmitter();
|
|
13
12
|
this.hover = false;
|
|
14
13
|
}
|
|
14
|
+
get displayEstado() {
|
|
15
|
+
return this.isUsed ? 'En uso' : 'Activo';
|
|
16
|
+
}
|
|
15
17
|
onMouseEnter() {
|
|
16
18
|
this.hover = true;
|
|
17
19
|
}
|
|
@@ -31,14 +33,14 @@ export class CardTipoProcesoComponent {
|
|
|
31
33
|
this.onClickCard.emit(this.tipoProcesoID);
|
|
32
34
|
}
|
|
33
35
|
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",
|
|
36
|
+
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\">\r\n <p class=\"title\">Creado por</p>\r\n <p class=\"text\">{{ 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\">{{ fechaCreacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Modificado por</p>\r\n <p class=\"text\">{{ usuarioModificacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Estados</p>\r\n <p class=\"text\">{{ 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\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\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\">{{ 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>\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}.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;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:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.wt-etapas{width:110px}\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"] }] }); }
|
|
35
37
|
}
|
|
36
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardTipoProcesoComponent, decorators: [{
|
|
37
39
|
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\">{{
|
|
40
|
+
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\">{{ 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\">\r\n <p class=\"title\">Creado por</p>\r\n <p class=\"text\">{{ 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\">{{ fechaCreacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Modificado por</p>\r\n <p class=\"text\">{{ usuarioModificacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Estados</p>\r\n <p class=\"text\">{{ 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\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\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\">{{ 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>\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}.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;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:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.wt-etapas{width:110px}\n"] }]
|
|
39
41
|
}], propDecorators: { tipoProcesoID: [{
|
|
40
42
|
type: Input
|
|
41
|
-
}],
|
|
43
|
+
}], isUsed: [{
|
|
42
44
|
type: Input
|
|
43
45
|
}], nombreTipoProceso: [{
|
|
44
46
|
type: Input
|
|
@@ -61,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
61
63
|
}], onClickCard: [{
|
|
62
64
|
type: Output
|
|
63
65
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aXBvLXByb2Nlc28uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC10aXBvLXByb2Nlc28vY2FyZC10aXBvLXByb2Nlc28uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC10aXBvLXByb2Nlc28vY2FyZC10aXBvLXByb2Nlc28uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFBOztBQVM3RyxNQUFNLE9BQU8sd0JBQXdCO0lBUHJDO1FBV1csc0JBQWlCLEdBQVcsRUFBRSxDQUFDO1FBWTlCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN0QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRWhELFVBQUssR0FBRyxLQUFLLENBQUM7S0F3QmY7SUF0Q0MsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUMzQyxDQUFDO0lBY0QsWUFBWTtRQUNWLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFZO1FBQ3BCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVk7UUFDdEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBWTtRQUNwQixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDNUMsQ0FBQzsrR0EzQ1Usd0JBQXdCO21HQUF4Qix3QkFBd0Isc2ZDWnJDLGk5RUE4REEsKzhHRHREWSxlQUFlLHVGQUFFLGVBQWUsdUZBQUUsOEJBQThCOzs0RkFJL0Qsd0JBQXdCO2tCQVBwQyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsZUFBZSxFQUFFLDhCQUE4QixDQUFDOzhCQU1sRSxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kL2ljb24tbWQuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEljb25MZ0NvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLWxnL2ljb24tbGcuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEJ1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeS9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeS5jb21wb25lbnRcIlxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FyZC10aXBvLXByb2Nlc28nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25NZENvbXBvbmVudCwgSWNvbkxnQ29tcG9uZW50LCBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLXRpcG8tcHJvY2Vzby5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2NhcmQtdGlwby1wcm9jZXNvLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZFRpcG9Qcm9jZXNvQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgdGlwb1Byb2Nlc29JRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBpc1VzZWQ/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5vbWJyZVRpcG9Qcm9jZXNvOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgZ2V0IGRpc3BsYXlFc3RhZG8oKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLmlzVXNlZCA/ICdFbiB1c28nIDogJ0FjdGl2byc7XHJcbiAgfVxyXG4gIEBJbnB1dCgpIHRpcG9Db21wZXRlbnRlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVzdWFyaW9DcmVhY2lvbj86IHN0cmluZztcclxuICBASW5wdXQoKSBmZWNoYUNyZWFjaW9uPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVzdWFyaW9Nb2RpZmljYWNpb24/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2FudGlkYWRFc3RhZG9zPzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGV0YXBhc1N1YmV0YXBhcz86IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tFZGl0ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tEZWxldGUgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuICBAT3V0cHV0KCkgb25DbGlja0NhcmQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgaG92ZXIgPSBmYWxzZTtcclxuXHJcbiAgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5ob3ZlciA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlTGVhdmUoKSB7XHJcbiAgICB0aGlzLmhvdmVyID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBjbGlja0VkaXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMub25DbGlja0VkaXQuZW1pdCh0aGlzLnRpcG9Qcm9jZXNvSUQpO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tEZWxldGUoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMub25DbGlja0RlbGV0ZS5lbWl0KHRoaXMudGlwb1Byb2Nlc29JRCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0NhcmQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMub25DbGlja0NhcmQuZW1pdCh0aGlzLnRpcG9Qcm9jZXNvSUQpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKClcIiAobW91c2VsZWF2ZSk9XCJvbk1vdXNlTGVhdmUoKVwiIChjbGljayk9XCJjbGlja0NhcmQoJGV2ZW50KVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1jb250ZW50XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdlbmVyYWwtaW5mb1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImljb24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXNoYWRvd1wiPlxyXG4gICAgICAgICAgICAgIDxpdXMtaWNvbi1sZyBbaWNvbk5hbWVdPVwiJ2ljb24tc3RyYXRlZ3knXCI+IDwvaXVzLWljb24tbGc+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJzdGF0ZS10ZXh0XCI+e3sgZGlzcGxheUVzdGFkbyB9fTwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJwcm9jZXNzLXR5cGVcIj57eyBub21icmVUaXBvUHJvY2VzbyB9fTwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJzdWJ0aXRsZVwiPnt7IHRpcG9Db21wZXRlbnRlIH19PC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFub3RoZXItaW5mb1wiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj5DcmVhZG8gcG9yPC9wPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj57eyB1c3VhcmlvQ3JlYWNpb24gfX08L3A+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS10ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRpdGxlXCI+RmVjaGEgY3JlYWNpw7NuPC9wPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj57eyBmZWNoYUNyZWFjaW9uIH19PC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtdGV4dC1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0aXRsZVwiPk1vZGlmaWNhZG8gcG9yPC9wPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj57eyB1c3VhcmlvTW9kaWZpY2FjaW9uIH19PC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtdGV4dC1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0aXRsZVwiPkVzdGFkb3M8L3A+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGV4dFwiPnt7IGNhbnRpZGFkRXN0YWRvcyB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgQGlmKGhvdmVyKXtcclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b25zIHd0LWV0YXBhc1wiPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICAgICAgICAgIGljb25OYW1lPVwiaWNvbi1lZGl0XCJcclxuICAgICAgICAgICAgICAgIChidXR0b25DbGlja2VkKT1cImNsaWNrRWRpdCgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICAgICAgICAgIGljb25OYW1lPVwiaWNvbi1kZWxldGVcIlxyXG4gICAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tEZWxldGUoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgfUBlbHNle1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyIHd0LWV0YXBhc1wiPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRpdGxlXCI+RXRhcGFzL1N1YmV0YXBhczwvcD5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+e3sgZXRhcGFzU3ViZXRhcGFzIH19PC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8YnV0dG9uPlxyXG4gICAgICAgIDxpdXMtaWNvbi1tZCBbaWNvbk5hbWVdPVwiJ2ljb24ta2V5Ym9hcmQtYXJyb3ctcmlnaHQnXCI+PC9pdXMtaWNvbi1tZD5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -48,13 +48,14 @@ export class DropdownComponent {
|
|
|
48
48
|
this.selectedIndex = index;
|
|
49
49
|
this.options = this.options.map((opt, i) => ({ ...opt, checked: i === index }));
|
|
50
50
|
this.optionSelected.emit(option);
|
|
51
|
+
this.isOpen = false;
|
|
51
52
|
}
|
|
52
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DropdownComponent, isStandalone: true, selector: "ius-dropdown", inputs: { isActive: "isActive", iconName: "iconName", disabled: "disabled", defaultLabel: "defaultLabel", options: "options" }, outputs: { buttonClicked: "buttonClicked", optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive ||
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DropdownComponent, isStandalone: true, selector: "ius-dropdown", inputs: { isActive: "isActive", iconName: "iconName", disabled: "disabled", defaultLabel: "defaultLabel", options: "options" }, outputs: { buttonClicked: "buttonClicked", optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive || isOpen }\">\r\n @if(iconName){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span class=\"btn-label\">{{ currentLabel }}</span>\r\n <ius-icon-sm\r\n class=\"arrow\"\r\n [iconName]=\"\r\n isOpen ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\r\n \"\r\n ></ius-icon-sm>\r\n </button>\r\n \r\n @if (isOpen) {\r\n <div class=\"dropdown-menu\">\r\n @for (option of options; track option; let i = $index) {\r\n <div\r\n class=\"dropdown-option\"\r\n [ngClass]=\"{\r\n isDisabled: option.disabled,\r\n isSelected: selectedIndex === i\r\n }\"\r\n (click)=\"onSelectOption(i, option)\"\r\n >\r\n <ius-icon-md iconName=\"icon-docs-2\" class=\"icon-doc-color\"></ius-icon-md>\r\n <span>{{ option.label }}</span>\r\n @if (selectedIndex === i && !option.disabled) {\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"selected-check\"></ius-icon-sm>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\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}:host{display:block;width:100%;min-width:0}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.btn-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ius-btn{display:flex;width:100%;height:40px;padding:4px 8px;align-items:center;gap:8px;border-radius:8px;background-color:#f5f5f5;color:#595959;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:.18px;justify-content:space-between}.ius-btn:hover:not(:disabled){background-color:#f0f0f0}.ius-btn:active:not(:disabled){background-color:#eaeaea}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}.ius-btn.isActive{border:.5px solid #0A2893;background-color:#f5f5f5}.dropdown-container{position:relative;display:block;width:100%;min-width:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:10;margin-top:4px;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;background-color:#fff;padding:4px;width:100%;box-sizing:border-box}.dropdown-option{display:flex;height:38px;padding:8px 20px 8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fafafa;font-family:Rubik,sans-serif;font-size:1rem;line-height:22px;font-weight:400;border:none;cursor:pointer;min-width:0}.dropdown-option span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-option:hover:not(:disabled){background-color:#f0f0f0}.dropdown-option:active:not(:disabled){background-color:#c4dfff}.dropdown-option.isDisabled{cursor:not-allowed;color:#bfbfbf}.dropdown-option.isDisabled .icon-doc-color{color:#bfbfbf}.dropdown-option.isSelected .selected-check{margin-left:auto;color:#2167ff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
54
55
|
}
|
|
55
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
56
57
|
type: Component,
|
|
57
|
-
args: [{ selector: 'ius-dropdown', standalone: true, imports: [CommonModule, IconSmComponent, IconMdComponent], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive ||
|
|
58
|
+
args: [{ selector: 'ius-dropdown', standalone: true, imports: [CommonModule, IconSmComponent, IconMdComponent], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive || isOpen }\">\r\n @if(iconName){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span class=\"btn-label\">{{ currentLabel }}</span>\r\n <ius-icon-sm\r\n class=\"arrow\"\r\n [iconName]=\"\r\n isOpen ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\r\n \"\r\n ></ius-icon-sm>\r\n </button>\r\n \r\n @if (isOpen) {\r\n <div class=\"dropdown-menu\">\r\n @for (option of options; track option; let i = $index) {\r\n <div\r\n class=\"dropdown-option\"\r\n [ngClass]=\"{\r\n isDisabled: option.disabled,\r\n isSelected: selectedIndex === i\r\n }\"\r\n (click)=\"onSelectOption(i, option)\"\r\n >\r\n <ius-icon-md iconName=\"icon-docs-2\" class=\"icon-doc-color\"></ius-icon-md>\r\n <span>{{ option.label }}</span>\r\n @if (selectedIndex === i && !option.disabled) {\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"selected-check\"></ius-icon-sm>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\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}:host{display:block;width:100%;min-width:0}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.btn-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ius-btn{display:flex;width:100%;height:40px;padding:4px 8px;align-items:center;gap:8px;border-radius:8px;background-color:#f5f5f5;color:#595959;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:.18px;justify-content:space-between}.ius-btn:hover:not(:disabled){background-color:#f0f0f0}.ius-btn:active:not(:disabled){background-color:#eaeaea}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}.ius-btn.isActive{border:.5px solid #0A2893;background-color:#f5f5f5}.dropdown-container{position:relative;display:block;width:100%;min-width:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:10;margin-top:4px;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;background-color:#fff;padding:4px;width:100%;box-sizing:border-box}.dropdown-option{display:flex;height:38px;padding:8px 20px 8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fafafa;font-family:Rubik,sans-serif;font-size:1rem;line-height:22px;font-weight:400;border:none;cursor:pointer;min-width:0}.dropdown-option span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-option:hover:not(:disabled){background-color:#f0f0f0}.dropdown-option:active:not(:disabled){background-color:#c4dfff}.dropdown-option.isDisabled{cursor:not-allowed;color:#bfbfbf}.dropdown-option.isDisabled .icon-doc-color{color:#bfbfbf}.dropdown-option.isSelected .selected-check{margin-left:auto;color:#2167ff}\n"] }]
|
|
58
59
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { isActive: [{
|
|
59
60
|
type: Input
|
|
60
61
|
}], iconName: [{
|
|
@@ -73,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
73
74
|
type: HostListener,
|
|
74
75
|
args: ['document:click', ['$event']]
|
|
75
76
|
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDTCxTQUFTLEVBRVQsWUFBWSxFQUNaLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUVQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQWdCL0QsTUFBTSxPQUFPLGlCQUFpQjtJQVk1QixJQUFJLFlBQVk7UUFDZCxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUM7WUFDcEUsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDaEQsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRUQsWUFBb0IsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQWxCakMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2QsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQixZQUFPLEdBQXFCLEVBQUUsQ0FBQztRQUM5QixrQkFBYSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELG1CQUFjLEdBQWlDLElBQUksWUFBWSxFQUFFLENBQUM7UUFFNUUsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLGtCQUFhLEdBQWtCLElBQUksQ0FBQztJQVNTLENBQUM7SUFFOUMsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7WUFDdkIsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ2pGLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNqRSxDQUFDO0lBQ0gsQ0FBQztJQUdELGVBQWUsQ0FBQyxLQUFZO1FBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDakIsT0FBTztRQUNULENBQUM7UUFDRCxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBcUIsQ0FBQztRQUMzQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDcEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQWEsRUFBRSxNQUFzQjtRQUNsRCxJQUFJLE1BQU0sQ0FBQyxRQUFRO1lBQUUsT0FBTztRQUU1QixJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsR0FBRyxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQUssS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ2hGLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7K0dBbkRVLGlCQUFpQjttR0FBakIsaUJBQWlCLGtYQzVCOUIscXlDQW1DRSx3eUdEWFUsWUFBWSw2SEFBRSxlQUFlLHVGQUFFLGVBQWU7OzRGQUk3QyxpQkFBaUI7a0JBUDdCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDOytFQUtoRCxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBc0JQLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT3V0cHV0LFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25TbUNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24tc20vaWNvbi1zbS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBJY29uTWRDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1tZC9pY29uLW1kLmNvbXBvbmVudFwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEcm9wZG93bk9wdGlvbiB7XHJcbiAgaWQ6IG51bWJlcjtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGRpc2FibGVkOiBib29sZWFuO1xyXG4gIGNoZWNrZWQ/OiBib29sZWFuO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1kcm9wZG93bicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJY29uU21Db21wb25lbnQsIEljb25NZENvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZHJvcGRvd24uY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHJvcGRvd25Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBJbnB1dCgpIGlzQWN0aXZlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaWNvbk5hbWUgPSAnJztcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRlZmF1bHRMYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpIG9wdGlvbnM6IERyb3Bkb3duT3B0aW9uW10gPSBbXTtcclxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBvcHRpb25TZWxlY3RlZDogRXZlbnRFbWl0dGVyPERyb3Bkb3duT3B0aW9uPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgaXNPcGVuID0gZmFsc2U7XHJcbiAgc2VsZWN0ZWRJbmRleDogbnVtYmVyIHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIGdldCBjdXJyZW50TGFiZWwoKTogc3RyaW5nIHtcclxuICAgIGlmICh0aGlzLnNlbGVjdGVkSW5kZXggIT09IG51bGwgJiYgdGhpcy5vcHRpb25zW3RoaXMuc2VsZWN0ZWRJbmRleF0pIHtcclxuICAgICAgcmV0dXJuIHRoaXMub3B0aW9uc1t0aGlzLnNlbGVjdGVkSW5kZXhdLmxhYmVsO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIHRoaXMuZGVmYXVsdExhYmVsO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZiAoY2hhbmdlc1snb3B0aW9ucyddKSB7XHJcbiAgICAgIGNvbnN0IGNoZWNrZWRJbmRleCA9IHRoaXMub3B0aW9ucy5maW5kSW5kZXgob3B0ID0+IG9wdC5jaGVja2VkICYmICFvcHQuZGlzYWJsZWQpO1xyXG4gICAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBjaGVja2VkSW5kZXggIT09IC0xID8gY2hlY2tlZEluZGV4IDogbnVsbDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcclxuICBvbkRvY3VtZW50Q2xpY2soZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBpZiAoIXRoaXMuaXNPcGVuKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudDtcclxuICAgIGlmICghdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnModGFyZ2V0KSkge1xyXG4gICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25DbGljaygpIHtcclxuICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xyXG4gICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIG9uU2VsZWN0T3B0aW9uKGluZGV4OiBudW1iZXIsIG9wdGlvbjogRHJvcGRvd25PcHRpb24pIHtcclxuICAgIGlmIChvcHRpb24uZGlzYWJsZWQpIHJldHVybjtcclxuXHJcbiAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBpbmRleDtcclxuICAgIHRoaXMub3B0aW9ucyA9IHRoaXMub3B0aW9ucy5tYXAoKG9wdCwgaSkgPT4gKHsgLi4ub3B0LCBjaGVja2VkOiBpID09PSBpbmRleCB9KSk7XHJcbiAgICB0aGlzLm9wdGlvblNlbGVjdGVkLmVtaXQob3B0aW9uKTtcclxuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJkcm9wZG93bi1jb250YWluZXJcIj5cclxuICAgIDxidXR0b24gW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgKGNsaWNrKT1cIm9uQ2xpY2soKVwiIGNsYXNzPVwiaXVzLWJ0blwiIFtuZ0NsYXNzXT1cInsgaXNBY3RpdmU6IGlzQWN0aXZlIHx8IGlzT3BlbiB9XCI+XHJcbiAgICAgIEBpZihpY29uTmFtZSl7XHJcbiAgICAgICAgPGl1cy1pY29uLW1kIFtpY29uTmFtZV09XCJpY29uTmFtZVwiIGNsYXNzPVwiaWNvbi1jb2xvclwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgIH1cclxuICAgICAgPHNwYW4gY2xhc3M9XCJidG4tbGFiZWxcIj57eyBjdXJyZW50TGFiZWwgfX08L3NwYW4+XHJcbiAgICAgIDxpdXMtaWNvbi1zbVxyXG4gICAgICAgIGNsYXNzPVwiYXJyb3dcIlxyXG4gICAgICAgIFtpY29uTmFtZV09XCJcclxuICAgICAgICAgIGlzT3BlbiA/ICdpY29uLWtleWJvYXJkLWFycm93LXVwJyA6ICdpY29uLWtleWJvYXJkLWFycm93LWRvd24nXHJcbiAgICAgICAgXCJcclxuICAgICAgPjwvaXVzLWljb24tc20+XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIFxyXG4gICAgQGlmIChpc09wZW4pIHtcclxuICAgIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1tZW51XCI+XHJcbiAgICAgIEBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb247IGxldCBpID0gJGluZGV4KSB7XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb25cIlxyXG4gICAgICAgICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICAgICBpc0Rpc2FibGVkOiBvcHRpb24uZGlzYWJsZWQsXHJcbiAgICAgICAgICAgIGlzU2VsZWN0ZWQ6IHNlbGVjdGVkSW5kZXggPT09IGlcclxuICAgICAgICAgIH1cIlxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9uU2VsZWN0T3B0aW9uKGksIG9wdGlvbilcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxpdXMtaWNvbi1tZCBpY29uTmFtZT1cImljb24tZG9jcy0yXCIgY2xhc3M9XCJpY29uLWRvYy1jb2xvclwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgICAgICA8c3Bhbj57eyBvcHRpb24ubGFiZWwgfX08L3NwYW4+XHJcbiAgICAgICAgICBAaWYgKHNlbGVjdGVkSW5kZXggPT09IGkgJiYgIW9wdGlvbi5kaXNhYmxlZCkge1xyXG4gICAgICAgICAgICA8aXVzLWljb24tc20gaWNvbk5hbWU9XCJpY29uLWNoZWNrLWNpcmNsZVwiIGNsYXNzPVwic2VsZWN0ZWQtY2hlY2tcIj48L2l1cy1pY29uLXNtPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuICAiXX0=
|
|
@@ -2910,13 +2910,14 @@ class DropdownComponent {
|
|
|
2910
2910
|
this.selectedIndex = index;
|
|
2911
2911
|
this.options = this.options.map((opt, i) => ({ ...opt, checked: i === index }));
|
|
2912
2912
|
this.optionSelected.emit(option);
|
|
2913
|
+
this.isOpen = false;
|
|
2913
2914
|
}
|
|
2914
2915
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2915
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DropdownComponent, isStandalone: true, selector: "ius-dropdown", inputs: { isActive: "isActive", iconName: "iconName", disabled: "disabled", defaultLabel: "defaultLabel", options: "options" }, outputs: { buttonClicked: "buttonClicked", optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive ||
|
|
2916
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DropdownComponent, isStandalone: true, selector: "ius-dropdown", inputs: { isActive: "isActive", iconName: "iconName", disabled: "disabled", defaultLabel: "defaultLabel", options: "options" }, outputs: { buttonClicked: "buttonClicked", optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive || isOpen }\">\r\n @if(iconName){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span class=\"btn-label\">{{ currentLabel }}</span>\r\n <ius-icon-sm\r\n class=\"arrow\"\r\n [iconName]=\"\r\n isOpen ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\r\n \"\r\n ></ius-icon-sm>\r\n </button>\r\n \r\n @if (isOpen) {\r\n <div class=\"dropdown-menu\">\r\n @for (option of options; track option; let i = $index) {\r\n <div\r\n class=\"dropdown-option\"\r\n [ngClass]=\"{\r\n isDisabled: option.disabled,\r\n isSelected: selectedIndex === i\r\n }\"\r\n (click)=\"onSelectOption(i, option)\"\r\n >\r\n <ius-icon-md iconName=\"icon-docs-2\" class=\"icon-doc-color\"></ius-icon-md>\r\n <span>{{ option.label }}</span>\r\n @if (selectedIndex === i && !option.disabled) {\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"selected-check\"></ius-icon-sm>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\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}:host{display:block;width:100%;min-width:0}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.btn-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ius-btn{display:flex;width:100%;height:40px;padding:4px 8px;align-items:center;gap:8px;border-radius:8px;background-color:#f5f5f5;color:#595959;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:.18px;justify-content:space-between}.ius-btn:hover:not(:disabled){background-color:#f0f0f0}.ius-btn:active:not(:disabled){background-color:#eaeaea}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}.ius-btn.isActive{border:.5px solid #0A2893;background-color:#f5f5f5}.dropdown-container{position:relative;display:block;width:100%;min-width:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:10;margin-top:4px;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;background-color:#fff;padding:4px;width:100%;box-sizing:border-box}.dropdown-option{display:flex;height:38px;padding:8px 20px 8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fafafa;font-family:Rubik,sans-serif;font-size:1rem;line-height:22px;font-weight:400;border:none;cursor:pointer;min-width:0}.dropdown-option span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-option:hover:not(:disabled){background-color:#f0f0f0}.dropdown-option:active:not(:disabled){background-color:#c4dfff}.dropdown-option.isDisabled{cursor:not-allowed;color:#bfbfbf}.dropdown-option.isDisabled .icon-doc-color{color:#bfbfbf}.dropdown-option.isSelected .selected-check{margin-left:auto;color:#2167ff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
2916
2917
|
}
|
|
2917
2918
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
2918
2919
|
type: Component,
|
|
2919
|
-
args: [{ selector: 'ius-dropdown', standalone: true, imports: [CommonModule, IconSmComponent, IconMdComponent], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive ||
|
|
2920
|
+
args: [{ selector: 'ius-dropdown', standalone: true, imports: [CommonModule, IconSmComponent, IconMdComponent], template: "<div class=\"dropdown-container\">\r\n <button [disabled]=\"disabled\" (click)=\"onClick()\" class=\"ius-btn\" [ngClass]=\"{ isActive: isActive || isOpen }\">\r\n @if(iconName){\r\n <ius-icon-md [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-md>\r\n }\r\n <span class=\"btn-label\">{{ currentLabel }}</span>\r\n <ius-icon-sm\r\n class=\"arrow\"\r\n [iconName]=\"\r\n isOpen ? 'icon-keyboard-arrow-up' : 'icon-keyboard-arrow-down'\r\n \"\r\n ></ius-icon-sm>\r\n </button>\r\n \r\n @if (isOpen) {\r\n <div class=\"dropdown-menu\">\r\n @for (option of options; track option; let i = $index) {\r\n <div\r\n class=\"dropdown-option\"\r\n [ngClass]=\"{\r\n isDisabled: option.disabled,\r\n isSelected: selectedIndex === i\r\n }\"\r\n (click)=\"onSelectOption(i, option)\"\r\n >\r\n <ius-icon-md iconName=\"icon-docs-2\" class=\"icon-doc-color\"></ius-icon-md>\r\n <span>{{ option.label }}</span>\r\n @if (selectedIndex === i && !option.disabled) {\r\n <ius-icon-sm iconName=\"icon-check-circle\" class=\"selected-check\"></ius-icon-sm>\r\n }\r\n </div>\r\n }\r\n </div>\r\n }\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}:host{display:block;width:100%;min-width:0}.icon-color,.icon-doc-color{color:#5892ff}.arrow{margin-left:auto;padding-bottom:5px}.btn-label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ius-btn{display:flex;width:100%;height:40px;padding:4px 8px;align-items:center;gap:8px;border-radius:8px;background-color:#f5f5f5;color:#595959;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.125rem;line-height:24px;letter-spacing:.18px;justify-content:space-between}.ius-btn:hover:not(:disabled){background-color:#f0f0f0}.ius-btn:active:not(:disabled){background-color:#eaeaea}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}.ius-btn.isActive{border:.5px solid #0A2893;background-color:#f5f5f5}.dropdown-container{position:relative;display:block;width:100%;min-width:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:10;margin-top:4px;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 2px 6px #00000024,0 1px 10px #0000001a;background-color:#fff;padding:4px;width:100%;box-sizing:border-box}.dropdown-option{display:flex;height:38px;padding:8px 20px 8px 12px;align-items:center;gap:8px;border-radius:8px;background-color:#fafafa;font-family:Rubik,sans-serif;font-size:1rem;line-height:22px;font-weight:400;border:none;cursor:pointer;min-width:0}.dropdown-option span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-option:hover:not(:disabled){background-color:#f0f0f0}.dropdown-option:active:not(:disabled){background-color:#c4dfff}.dropdown-option.isDisabled{cursor:not-allowed;color:#bfbfbf}.dropdown-option.isDisabled .icon-doc-color{color:#bfbfbf}.dropdown-option.isSelected .selected-check{margin-left:auto;color:#2167ff}\n"] }]
|
|
2920
2921
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { isActive: [{
|
|
2921
2922
|
type: Input
|
|
2922
2923
|
}], iconName: [{
|
|
@@ -6119,13 +6120,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6119
6120
|
|
|
6120
6121
|
class CardTipoProcesoComponent {
|
|
6121
6122
|
constructor() {
|
|
6122
|
-
this.estadoTipoProceso = 'Activo';
|
|
6123
6123
|
this.nombreTipoProceso = '';
|
|
6124
6124
|
this.onClickEdit = new EventEmitter();
|
|
6125
6125
|
this.onClickDelete = new EventEmitter();
|
|
6126
6126
|
this.onClickCard = new EventEmitter();
|
|
6127
6127
|
this.hover = false;
|
|
6128
6128
|
}
|
|
6129
|
+
get displayEstado() {
|
|
6130
|
+
return this.isUsed ? 'En uso' : 'Activo';
|
|
6131
|
+
}
|
|
6129
6132
|
onMouseEnter() {
|
|
6130
6133
|
this.hover = true;
|
|
6131
6134
|
}
|
|
@@ -6145,14 +6148,14 @@ class CardTipoProcesoComponent {
|
|
|
6145
6148
|
this.onClickCard.emit(this.tipoProcesoID);
|
|
6146
6149
|
}
|
|
6147
6150
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardTipoProcesoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6148
|
-
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",
|
|
6151
|
+
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\">\r\n <p class=\"title\">Creado por</p>\r\n <p class=\"text\">{{ 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\">{{ fechaCreacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Modificado por</p>\r\n <p class=\"text\">{{ usuarioModificacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Estados</p>\r\n <p class=\"text\">{{ 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\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\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\">{{ 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>\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}.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;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:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.wt-etapas{width:110px}\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"] }] }); }
|
|
6149
6152
|
}
|
|
6150
6153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardTipoProcesoComponent, decorators: [{
|
|
6151
6154
|
type: Component,
|
|
6152
|
-
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\">{{
|
|
6155
|
+
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\">{{ 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\">\r\n <p class=\"title\">Creado por</p>\r\n <p class=\"text\">{{ 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\">{{ fechaCreacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Modificado por</p>\r\n <p class=\"text\">{{ usuarioModificacion }}</p>\r\n </div>\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Estados</p>\r\n <p class=\"text\">{{ 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\r\n iconName=\"icon-edit\"\r\n (buttonClicked)=\"clickEdit($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\r\n <div>\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-delete\"\r\n (buttonClicked)=\"clickDelete($event)\"\r\n ></ius-button-squared-tertiary>\r\n </div>\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\">{{ 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>\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}.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;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:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}.buttons{display:flex;justify-content:flex-end;align-items:center;gap:8px}.wt-etapas{width:110px}\n"] }]
|
|
6153
6156
|
}], propDecorators: { tipoProcesoID: [{
|
|
6154
6157
|
type: Input
|
|
6155
|
-
}],
|
|
6158
|
+
}], isUsed: [{
|
|
6156
6159
|
type: Input
|
|
6157
6160
|
}], nombreTipoProceso: [{
|
|
6158
6161
|
type: Input
|