@litigiovirtual/ius-design-components 1.0.145 → 1.0.147
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-dynamic-content/card-dynamic-content.component.mjs +3 -4
- package/esm2022/lib/card-list-drag-on/card-list-drag-on.component.mjs +8 -16
- package/esm2022/lib/simple-chip/index.mjs +2 -0
- package/esm2022/lib/simple-chip/simple-chip.component.mjs +32 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +39 -19
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/card-dynamic-content/card-dynamic-content.component.d.ts +1 -1
- package/lib/card-list-drag-on/card-list-drag-on.component.d.ts +3 -5
- package/lib/simple-chip/index.d.ts +1 -0
- package/lib/simple-chip/simple-chip.component.d.ts +12 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -4,18 +4,17 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class CardDynamicContentComponent {
|
|
6
6
|
constructor() {
|
|
7
|
-
this.titleCard = 'Title';
|
|
8
7
|
this.backgroundColor = '#EDF6FF';
|
|
9
8
|
}
|
|
10
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardDynamicContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardDynamicContentComponent, isStandalone: true, selector: "ius-card-dynamic-content", inputs: { titleCard: "titleCard", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div class=\"card-dynamic\" [ngStyle]=\"{ 'background-color': backgroundColor }\">\r\n @if(titleCard){\r\n <span class=\"title-card\">{{ titleCard }}</span\r\n ><br />\r\n }\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\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}.card-dynamic{padding:8px;border-radius:8px}.title-card{color:#313030;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;line-height:120%;letter-spacing:.1px}.content-card{padding-top:8px;padding-left:6px;padding-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
12
11
|
}
|
|
13
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardDynamicContentComponent, decorators: [{
|
|
14
13
|
type: Component,
|
|
15
|
-
args: [{ selector: 'ius-card-dynamic-content', standalone: true, imports: [CommonModule], template: "<div class=\"card-dynamic\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n
|
|
14
|
+
args: [{ selector: 'ius-card-dynamic-content', standalone: true, imports: [CommonModule], template: "<div class=\"card-dynamic\" [ngStyle]=\"{ 'background-color': backgroundColor }\">\r\n @if(titleCard){\r\n <span class=\"title-card\">{{ titleCard }}</span\r\n ><br />\r\n }\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\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}.card-dynamic{padding:8px;border-radius:8px}.title-card{color:#313030;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;line-height:120%;letter-spacing:.1px}.content-card{padding-top:8px;padding-left:6px;padding-right:6px}\n"] }]
|
|
16
15
|
}], propDecorators: { titleCard: [{
|
|
17
16
|
type: Input
|
|
18
17
|
}], backgroundColor: [{
|
|
19
18
|
type: Input
|
|
20
19
|
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1keW5hbWljLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1keW5hbWljLWNvbnRlbnQvY2FyZC1keW5hbWljLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1keW5hbWljLWNvbnRlbnQvY2FyZC1keW5hbWljLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTakQsTUFBTSxPQUFPLDJCQUEyQjtJQVB4QztRQVNXLG9CQUFlLEdBQUcsU0FBUyxDQUFDO0tBRXRDOytHQUpZLDJCQUEyQjttR0FBM0IsMkJBQTJCLDRKQ1Z4QyxnUkFTQSx1dkRESFksWUFBWTs7NEZBSVgsMkJBQTJCO2tCQVB2QyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FyZC1keW5hbWljLWNvbnRlbnQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtZHluYW1pYy1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC1keW5hbWljLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkRHluYW1pY0NvbnRlbnRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHRpdGxlQ2FyZD86IHN0cmluZztcclxuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3IgPSAnI0VERjZGRic7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjYXJkLWR5bmFtaWNcIiBbbmdTdHlsZV09XCJ7ICdiYWNrZ3JvdW5kLWNvbG9yJzogYmFja2dyb3VuZENvbG9yIH1cIj5cclxuICBAaWYodGl0bGVDYXJkKXtcclxuICA8c3BhbiBjbGFzcz1cInRpdGxlLWNhcmRcIj57eyB0aXRsZUNhcmQgfX08L3NwYW5cclxuICA+PGJyIC8+XHJcbiAgfVxyXG4gIDxkaXYgY2xhc3M9XCJjb250ZW50LWNhcmRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
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
|
-
import { CdkDrag } from '@angular/cdk/drag-drop';
|
|
5
4
|
import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary/button-squared-tertiary.component";
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
export class CardListDragOnComponent {
|
|
8
7
|
constructor() {
|
|
9
|
-
this.dragDisabled = false;
|
|
10
|
-
this.dragBoundary = '';
|
|
11
8
|
this.state = '';
|
|
12
9
|
this.name = '';
|
|
10
|
+
this.smallText = '';
|
|
13
11
|
this.subetapas = 0;
|
|
14
12
|
this.fecha = '';
|
|
15
13
|
this.imageUrl = '';
|
|
@@ -17,14 +15,10 @@ export class CardListDragOnComponent {
|
|
|
17
15
|
this.onClickEdit = new EventEmitter();
|
|
18
16
|
this.onClickDelete = new EventEmitter();
|
|
19
17
|
this.onClickCard = new EventEmitter();
|
|
20
|
-
this.dragEnded = new EventEmitter();
|
|
21
18
|
this.hover = false;
|
|
22
19
|
}
|
|
23
20
|
get id() {
|
|
24
|
-
return this.etapaID ?? this.subetapaID;
|
|
25
|
-
}
|
|
26
|
-
onDragEnded() {
|
|
27
|
-
this.dragEnded.emit();
|
|
21
|
+
return this.etapaID ?? this.subetapaID ?? this.anotherID;
|
|
28
22
|
}
|
|
29
23
|
onMouseEnter() {
|
|
30
24
|
this.hover = true;
|
|
@@ -48,23 +42,23 @@ export class CardListDragOnComponent {
|
|
|
48
42
|
this.onClickCard.emit(this.id);
|
|
49
43
|
}
|
|
50
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
-
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",
|
|
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", smallText: "smallText", subetapas: "subetapas", fecha: "fecha", imageUrl: "imageUrl", isSelected: "isSelected" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div\r\n class=\"container\"\r\n [class.isClicked]=\"isSelected\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\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\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(imageUrl){\r\n <div class=\"image\">\r\n <img [src]=\"imageUrl\" />\r\n </div>\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\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 }\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>\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;padding:8px 12px;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}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;flex-wrap:wrap}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 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}.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"] }] }); }
|
|
52
46
|
}
|
|
53
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, decorators: [{
|
|
54
48
|
type: Component,
|
|
55
|
-
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent,
|
|
49
|
+
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent], template: "<div class=\"general-container\">\r\n <div\r\n class=\"container\"\r\n [class.isClicked]=\"isSelected\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\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\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(imageUrl){\r\n <div class=\"image\">\r\n <img [src]=\"imageUrl\" />\r\n </div>\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\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 }\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>\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;padding:8px 12px;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}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;flex-wrap:wrap}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 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}.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"] }]
|
|
56
50
|
}], propDecorators: { etapaID: [{
|
|
57
51
|
type: Input
|
|
58
52
|
}], subetapaID: [{
|
|
59
53
|
type: Input
|
|
60
|
-
}],
|
|
61
|
-
type: Input
|
|
62
|
-
}], dragBoundary: [{
|
|
54
|
+
}], anotherID: [{
|
|
63
55
|
type: Input
|
|
64
56
|
}], state: [{
|
|
65
57
|
type: Input
|
|
66
58
|
}], name: [{
|
|
67
59
|
type: Input
|
|
60
|
+
}], smallText: [{
|
|
61
|
+
type: Input
|
|
68
62
|
}], subetapas: [{
|
|
69
63
|
type: Input
|
|
70
64
|
}], fecha: [{
|
|
@@ -79,7 +73,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
79
73
|
type: Output
|
|
80
74
|
}], onClickCard: [{
|
|
81
75
|
type: Output
|
|
82
|
-
}], dragEnded: [{
|
|
83
|
-
type: Output
|
|
84
76
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWRyYWctb24vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWRyYWctb24vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFBOztBQVM3RyxNQUFNLE9BQU8sdUJBQXVCO0lBUHBDO1FBV1csVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUN0QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUUzQixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDdEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ3hDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUVoRCxVQUFLLEdBQUcsS0FBSyxDQUFDO0tBNEJmO0lBMUJDLElBQVksRUFBRTtRQUNaLE9BQU8sSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDM0QsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztJQUNwQixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxTQUFTLENBQUMsS0FBWTtRQUNwQixLQUFLLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNqQyxJQUFJLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSTtZQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVk7UUFDdEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsRUFBRSxJQUFJLElBQUk7WUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFZO1FBQ3BCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksSUFBSSxDQUFDLEVBQUUsSUFBSSxJQUFJO1lBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELENBQUM7K0dBM0NVLHVCQUF1QjttR0FBdkIsdUJBQXVCLHNaQ1pwQyxva0ZBMkVBLHcrR0RuRVksZUFBZSx1RkFBRSxlQUFlLHVGQUFFLDhCQUE4Qjs7NEZBSS9ELHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLGVBQWUsRUFBRSw4QkFBOEIsQ0FBQzs4QkFLbEUsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvblNtQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tc20vaWNvbi1zbS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgSWNvbk1kQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tbWQvaWNvbi1tZC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgQnV0dG9uU3F1YXJlZFRlcnRpYXJ5Q29tcG9uZW50IH0gZnJvbSBcIi4uL2J1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5L2J1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5LmNvbXBvbmVudFwiXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1jYXJkLWxpc3QtZHJhZy1vbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbSWNvblNtQ29tcG9uZW50LCBJY29uTWRDb21wb25lbnQsIEJ1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtbGlzdC1kcmFnLW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC1saXN0LWRyYWctb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkTGlzdERyYWdPbkNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgZXRhcGFJRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBzdWJldGFwYUlEPzogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGFub3RoZXJJRD86IG51bWJlcjtcclxuICBASW5wdXQoKSBzdGF0ZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgbmFtZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc21hbGxUZXh0OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBzdWJldGFwYXM6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgZmVjaGE6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGltYWdlVXJsOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpc1NlbGVjdGVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRWRpdCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsaWNrRGVsZXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tDYXJkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGhvdmVyID0gZmFsc2U7XHJcblxyXG4gIHByaXZhdGUgZ2V0IGlkKCk6IG51bWJlciB8IHVuZGVmaW5lZCB7XHJcbiAgICByZXR1cm4gdGhpcy5ldGFwYUlEID8/IHRoaXMuc3ViZXRhcGFJRCA/PyB0aGlzLmFub3RoZXJJRDtcclxuICB9XHJcblxyXG4gIG9uTW91c2VFbnRlcigpIHtcclxuICAgIHRoaXMuaG92ZXIgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25Nb3VzZUxlYXZlKCkge1xyXG4gICAgdGhpcy5ob3ZlciA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tFZGl0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICBpZiAodGhpcy5pZCAhPSBudWxsKSB0aGlzLm9uQ2xpY2tFZGl0LmVtaXQodGhpcy5pZCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0RlbGV0ZShldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xyXG4gICAgaWYgKHRoaXMuaWQgIT0gbnVsbCkgdGhpcy5vbkNsaWNrRGVsZXRlLmVtaXQodGhpcy5pZCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0NhcmQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgIGlmICh0aGlzLmlkICE9IG51bGwpIHRoaXMub25DbGlja0NhcmQuZW1pdCh0aGlzLmlkKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdlbmVyYWwtY29udGFpbmVyXCI+XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJjb250YWluZXJcIlxyXG4gICAgW2NsYXNzLmlzQ2xpY2tlZF09XCJpc1NlbGVjdGVkXCJcclxuICAgIChtb3VzZWVudGVyKT1cIm9uTW91c2VFbnRlcigpXCJcclxuICAgIChtb3VzZWxlYXZlKT1cIm9uTW91c2VMZWF2ZSgpXCJcclxuICAgIChjbGljayk9XCJjbGlja0NhcmQoJGV2ZW50KVwiXHJcbiAgPlxyXG4gICAgPGl1cy1pY29uLXNtIFtpY29uTmFtZV09XCInaWNvbi1kcmFnLWluZGljYXRvcidcIj48L2l1cy1pY29uLXNtPlxyXG4gICAgPGRpdiBjbGFzcz1cImRhdGEtY29udGFpbmVyXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdlbmVyYWwtZGF0YVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRhdGFcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXRlXCI+e3sgc3RhdGUgfX08L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5hbWVcIj57eyBuYW1lIH19PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzbWFsbC10ZXh0XCI+e3sgc21hbGxUZXh0IH19PC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICBAaWYoZXRhcGFJRCl7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm9wdGlvbmFsLWRhdGFcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS10ZXh0LWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRpdGxlXCI+U3ViZXRhcGFzPC9wPlxyXG4gICAgICAgICAgICA8cCBjbGFzcz1cInRleHRcIj57eyBzdWJldGFwYXMgfX08L3A+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIEBpZiAoaG92ZXIgKSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICAgICAgICAgIGljb25OYW1lPVwiaWNvbi1lZGl0XCJcclxuICAgICAgICAgICAgICAgIChidXR0b25DbGlja2VkKT1cImNsaWNrRWRpdCgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICAgICAgICAgIGljb25OYW1lPVwiaWNvbi1kZWxldGVcIlxyXG4gICAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tEZWxldGUoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgfUBlbHNle1xyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlLXRleHQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj5DcmVhZG8vbW9kaWZpY2FkbzwvcD5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlLWRhdGVcIj5cclxuICAgICAgICAgICAgICBAaWYoaW1hZ2VVcmwpe1xyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZVwiPlxyXG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cImltYWdlVXJsXCIgLz5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ0ZXh0XCI+e3sgZmVjaGEgfX08L3A+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfSBAaWYgKGhvdmVyICYmIChzdWJldGFwYUlEIHx8IGFub3RoZXJJRCkgKSB7XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnNcIj5cclxuICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICAgICAgICBpY29uTmFtZT1cImljb24tZWRpdFwiXHJcbiAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tFZGl0KCRldmVudClcIlxyXG4gICAgICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICAgICAgICBpY29uTmFtZT1cImljb24tZGVsZXRlXCJcclxuICAgICAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJjbGlja0RlbGV0ZSgkZXZlbnQpXCJcclxuICAgICAgICAgICAgPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxpdXMtaWNvbi1tZCBbaWNvbk5hbWVdPVwiJ2ljb24ta2V5Ym9hcmQtYXJyb3ctcmlnaHQnXCI+PC9pdXMtaWNvbi1tZD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './simple-chip.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9zaW1wbGUtY2hpcC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zaW1wbGUtY2hpcC5jb21wb25lbnQnO1xyXG5cclxuIl19
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { IconMdComponent } from '../icon-md/icon-md.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class SimpleChipComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.text = '';
|
|
7
|
+
this.color = '#c4dfff';
|
|
8
|
+
this.textColor = '';
|
|
9
|
+
this.iconColor = '';
|
|
10
|
+
this.onRemoveEvent = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
remove() {
|
|
13
|
+
this.onRemoveEvent.emit(null);
|
|
14
|
+
}
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleChipComponent, isStandalone: true, selector: "ius-simple-chip", inputs: { text: "text", color: "color", textColor: "textColor", iconColor: "iconColor" }, outputs: { onRemoveEvent: "onRemoveEvent" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"chip\" [style.background]=\"color\">\r\n <p [style.color]=\"textColor\">{{ text }}</p>\r\n <button (click)=\"remove()\">\r\n <ius-icon-md iconName=\"icon-cancel\" [color]=\"iconColor\"></ius-icon-md>\r\n </button>\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}.chip{display:inline-flex;padding:8px;align-items:center;gap:4px;border-radius:4px}p{margin:-2px 0 0;display:flex;align-items:center;border-radius:4px;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
17
|
+
}
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleChipComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'ius-simple-chip', standalone: true, imports: [IconMdComponent], template: "<div class=\"general-container\">\r\n <div class=\"chip\" [style.background]=\"color\">\r\n <p [style.color]=\"textColor\">{{ text }}</p>\r\n <button (click)=\"remove()\">\r\n <ius-icon-md iconName=\"icon-cancel\" [color]=\"iconColor\"></ius-icon-md>\r\n </button>\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}.chip{display:inline-flex;padding:8px;align-items:center;gap:4px;border-radius:4px}p{margin:-2px 0 0;display:flex;align-items:center;border-radius:4px;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}\n"] }]
|
|
21
|
+
}], propDecorators: { text: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], color: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], textColor: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], iconColor: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], onRemoveEvent: [{
|
|
30
|
+
type: Output
|
|
31
|
+
}] } });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2ltcGxlLWNoaXAvc2ltcGxlLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvc2ltcGxlLWNoaXAvc2ltcGxlLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBUy9ELE1BQU0sT0FBTyxtQkFBbUI7SUFQaEM7UUFRVyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLFVBQUssR0FBVyxTQUFTLENBQUM7UUFDMUIsY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUN2QixjQUFTLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQUtuRDtJQUhDLE1BQU07UUFDSixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNoQyxDQUFDOytHQVRVLG1CQUFtQjttR0FBbkIsbUJBQW1CLGtOQ1ZoQyxtVEFRQSxnNURERlksZUFBZTs7NEZBSWQsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGlCQUFpQixjQUNmLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQzs4QkFLakIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gJy4uL2ljb24tbWQvaWNvbi1tZC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtc2ltcGxlLWNoaXAnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25NZENvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpbXBsZS1jaGlwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2ltcGxlLWNoaXAuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaW1wbGVDaGlwQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0ZXh0OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nID0gJyNjNGRmZmYnO1xyXG4gIEBJbnB1dCgpIHRleHRDb2xvcjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yOiBzdHJpbmcgPSAnJztcclxuICBAT3V0cHV0KCkgb25SZW1vdmVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICByZW1vdmUoKSB7XHJcbiAgICB0aGlzLm9uUmVtb3ZlRXZlbnQuZW1pdChudWxsKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdlbmVyYWwtY29udGFpbmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNoaXBcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJjb2xvclwiPlxyXG4gICAgPHAgW3N0eWxlLmNvbG9yXT1cInRleHRDb2xvclwiPnt7IHRleHQgfX08L3A+XHJcbiAgICA8YnV0dG9uIChjbGljayk9XCJyZW1vdmUoKVwiPlxyXG4gICAgICA8aXVzLWljb24tbWQgaWNvbk5hbWU9XCJpY29uLWNhbmNlbFwiIFtjb2xvcl09XCJpY29uQ29sb3JcIj48L2l1cy1pY29uLW1kPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -51,6 +51,7 @@ export * from './lib/charts-bar-grouped';
|
|
|
51
51
|
export * from './lib/breadcrumb';
|
|
52
52
|
export * from './lib/user-card';
|
|
53
53
|
export * from './lib/simple-user-card';
|
|
54
|
+
export * from './lib/simple-chip';
|
|
54
55
|
export * from './lib/simple-card-contador';
|
|
55
56
|
export * from './lib/dropdown-contextual-menu';
|
|
56
57
|
export * from './lib/segment';
|
|
@@ -77,4 +78,4 @@ export * from './lib/card-list-drag-on';
|
|
|
77
78
|
export * from './lib/card-collapse-detalle-proceso';
|
|
78
79
|
//Directivas
|
|
79
80
|
export * from './lib/directives/popover.directive';
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxxQ0FBcUMsQ0FBQztBQUdwRCxZQUFZO0FBQ1osY0FBYyxvQ0FBb0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC1wcmltYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zdGFuZGFyZC10ZXJ0aWFyeS1zbWFsbCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zcXVhcmVkLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWNpcmNsZS1zZWNvbmRhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tZHluYW1pYyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1jaXJjbGUtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1wYXJlbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWN0aW9uLWNvbGxhcHNlLWRyYXdlci1jaGlsZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL21lbnUtaXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RvdWJsZS1kYXRlLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS1ob3VyLXBpY2tlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL25hdi1yYWlsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VhcmNoLWJhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXRleHRmaWVsZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JhZGdlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtc2VsZWN0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtc2VsZWN0LW51bWJlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL29wdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24tdXNlci1tZW51JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24tb3B0aW9uLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXhzJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1zbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tbWQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLWxnJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14bCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teHhsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWRpdmlkZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saW5lYXItcHJvZ3Jlc3MtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbG9hZGluZy1jaXJjbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcmF3ZXItY29udGFpbmVyLXJpZ2h0JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2xpZGUtdG9nZ2xlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LW1vdmltaWVudG9zJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1keW5hbWljLWNvbnRlbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hdmF0YXItaWNvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhdGVnb3JpZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jdXN0b20tZHJvcGRvd24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGlwLXVzZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhci11c2VyLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tYXV0aCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXBhc3N3b3JkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtb3RwJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc25hY2tiYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGFydHMtZG9udXQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jaGFydHMtYmFyLWdyb3VwZWQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9icmVhZGNydW1iJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdXNlci1jYXJkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLXVzZXItY2FyZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NpbXBsZS1jaGlwJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWNhcmQtY29udGFkb3InO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi1jb250ZXh0dWFsLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWdtZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbm90aWZpY2F0aW9uLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtY29uc3Vtbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLW9yZGVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWZpbHRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXNlbGVjdC1maWx0ZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtcHJvY2Vzbyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtYmxvY2snO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWJ1dHRvbi1jaGVja2JveCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL29wdGlvbi1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZmlsdGVyLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLXBsYW4tc3Vic2NyaXB0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1wbGFuLXNtYWxsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC11c28tcGxhbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtZ2VzdGlvbi1jdXBvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1pbmZvLWZhY3R1cmFjaW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtbGFyZ2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxvZyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NhcmQtdGlwby1wcm9jZXNvJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC1saXN0LWRyYWctb24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWNvbGxhcHNlLWRldGFsbGUtcHJvY2Vzbyc7XHJcblxyXG5cclxuLy9EaXJlY3RpdmFzXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvcG9wb3Zlci5kaXJlY3RpdmUnOyJdfQ==
|
|
@@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms';
|
|
|
11
11
|
import * as i1$3 from '@angular/router';
|
|
12
12
|
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
13
13
|
import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
|
|
14
|
-
import { CdkDrag } from '@angular/cdk/drag-drop';
|
|
15
14
|
|
|
16
15
|
const ICONS = {
|
|
17
16
|
'icon-add': `
|
|
@@ -3103,15 +3102,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3103
3102
|
|
|
3104
3103
|
class CardDynamicContentComponent {
|
|
3105
3104
|
constructor() {
|
|
3106
|
-
this.titleCard = 'Title';
|
|
3107
3105
|
this.backgroundColor = '#EDF6FF';
|
|
3108
3106
|
}
|
|
3109
3107
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardDynamicContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3110
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
3108
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardDynamicContentComponent, isStandalone: true, selector: "ius-card-dynamic-content", inputs: { titleCard: "titleCard", backgroundColor: "backgroundColor" }, ngImport: i0, template: "<div class=\"card-dynamic\" [ngStyle]=\"{ 'background-color': backgroundColor }\">\r\n @if(titleCard){\r\n <span class=\"title-card\">{{ titleCard }}</span\r\n ><br />\r\n }\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\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}.card-dynamic{padding:8px;border-radius:8px}.title-card{color:#313030;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;line-height:120%;letter-spacing:.1px}.content-card{padding-top:8px;padding-left:6px;padding-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
3111
3109
|
}
|
|
3112
3110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardDynamicContentComponent, decorators: [{
|
|
3113
3111
|
type: Component,
|
|
3114
|
-
args: [{ selector: 'ius-card-dynamic-content', standalone: true, imports: [CommonModule], template: "<div class=\"card-dynamic\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n
|
|
3112
|
+
args: [{ selector: 'ius-card-dynamic-content', standalone: true, imports: [CommonModule], template: "<div class=\"card-dynamic\" [ngStyle]=\"{ 'background-color': backgroundColor }\">\r\n @if(titleCard){\r\n <span class=\"title-card\">{{ titleCard }}</span\r\n ><br />\r\n }\r\n <div class=\"content-card\">\r\n <ng-content></ng-content>\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}.card-dynamic{padding:8px;border-radius:8px}.title-card{color:#313030;font-family:Rubik,sans-serif;font-size:1rem;font-weight:500;line-height:120%;letter-spacing:.1px}.content-card{padding-top:8px;padding-left:6px;padding-right:6px}\n"] }]
|
|
3115
3113
|
}], propDecorators: { titleCard: [{
|
|
3116
3114
|
type: Input
|
|
3117
3115
|
}], backgroundColor: [{
|
|
@@ -4727,6 +4725,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4727
4725
|
type: Input
|
|
4728
4726
|
}] } });
|
|
4729
4727
|
|
|
4728
|
+
class SimpleChipComponent {
|
|
4729
|
+
constructor() {
|
|
4730
|
+
this.text = '';
|
|
4731
|
+
this.color = '#c4dfff';
|
|
4732
|
+
this.textColor = '';
|
|
4733
|
+
this.iconColor = '';
|
|
4734
|
+
this.onRemoveEvent = new EventEmitter();
|
|
4735
|
+
}
|
|
4736
|
+
remove() {
|
|
4737
|
+
this.onRemoveEvent.emit(null);
|
|
4738
|
+
}
|
|
4739
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4740
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleChipComponent, isStandalone: true, selector: "ius-simple-chip", inputs: { text: "text", color: "color", textColor: "textColor", iconColor: "iconColor" }, outputs: { onRemoveEvent: "onRemoveEvent" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"chip\" [style.background]=\"color\">\r\n <p [style.color]=\"textColor\">{{ text }}</p>\r\n <button (click)=\"remove()\">\r\n <ius-icon-md iconName=\"icon-cancel\" [color]=\"iconColor\"></ius-icon-md>\r\n </button>\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}.chip{display:inline-flex;padding:8px;align-items:center;gap:4px;border-radius:4px}p{margin:-2px 0 0;display:flex;align-items:center;border-radius:4px;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
4741
|
+
}
|
|
4742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleChipComponent, decorators: [{
|
|
4743
|
+
type: Component,
|
|
4744
|
+
args: [{ selector: 'ius-simple-chip', standalone: true, imports: [IconMdComponent], template: "<div class=\"general-container\">\r\n <div class=\"chip\" [style.background]=\"color\">\r\n <p [style.color]=\"textColor\">{{ text }}</p>\r\n <button (click)=\"remove()\">\r\n <ius-icon-md iconName=\"icon-cancel\" [color]=\"iconColor\"></ius-icon-md>\r\n </button>\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}.chip{display:inline-flex;padding:8px;align-items:center;gap:4px;border-radius:4px}p{margin:-2px 0 0;display:flex;align-items:center;border-radius:4px;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}button{border:none;background-color:transparent;cursor:pointer}\n"] }]
|
|
4745
|
+
}], propDecorators: { text: [{
|
|
4746
|
+
type: Input
|
|
4747
|
+
}], color: [{
|
|
4748
|
+
type: Input
|
|
4749
|
+
}], textColor: [{
|
|
4750
|
+
type: Input
|
|
4751
|
+
}], iconColor: [{
|
|
4752
|
+
type: Input
|
|
4753
|
+
}], onRemoveEvent: [{
|
|
4754
|
+
type: Output
|
|
4755
|
+
}] } });
|
|
4756
|
+
|
|
4730
4757
|
class SimpleCardContadorComponent {
|
|
4731
4758
|
constructor() {
|
|
4732
4759
|
this.title = '';
|
|
@@ -5689,10 +5716,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5689
5716
|
|
|
5690
5717
|
class CardListDragOnComponent {
|
|
5691
5718
|
constructor() {
|
|
5692
|
-
this.dragDisabled = false;
|
|
5693
|
-
this.dragBoundary = '';
|
|
5694
5719
|
this.state = '';
|
|
5695
5720
|
this.name = '';
|
|
5721
|
+
this.smallText = '';
|
|
5696
5722
|
this.subetapas = 0;
|
|
5697
5723
|
this.fecha = '';
|
|
5698
5724
|
this.imageUrl = '';
|
|
@@ -5700,14 +5726,10 @@ class CardListDragOnComponent {
|
|
|
5700
5726
|
this.onClickEdit = new EventEmitter();
|
|
5701
5727
|
this.onClickDelete = new EventEmitter();
|
|
5702
5728
|
this.onClickCard = new EventEmitter();
|
|
5703
|
-
this.dragEnded = new EventEmitter();
|
|
5704
5729
|
this.hover = false;
|
|
5705
5730
|
}
|
|
5706
5731
|
get id() {
|
|
5707
|
-
return this.etapaID ?? this.subetapaID;
|
|
5708
|
-
}
|
|
5709
|
-
onDragEnded() {
|
|
5710
|
-
this.dragEnded.emit();
|
|
5732
|
+
return this.etapaID ?? this.subetapaID ?? this.anotherID;
|
|
5711
5733
|
}
|
|
5712
5734
|
onMouseEnter() {
|
|
5713
5735
|
this.hover = true;
|
|
@@ -5731,23 +5753,23 @@ class CardListDragOnComponent {
|
|
|
5731
5753
|
this.onClickCard.emit(this.id);
|
|
5732
5754
|
}
|
|
5733
5755
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5734
|
-
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",
|
|
5756
|
+
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", smallText: "smallText", subetapas: "subetapas", fecha: "fecha", imageUrl: "imageUrl", isSelected: "isSelected" }, outputs: { onClickEdit: "onClickEdit", onClickDelete: "onClickDelete", onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div\r\n class=\"container\"\r\n [class.isClicked]=\"isSelected\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\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\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(imageUrl){\r\n <div class=\"image\">\r\n <img [src]=\"imageUrl\" />\r\n </div>\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\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 }\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>\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;padding:8px 12px;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}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;flex-wrap:wrap}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 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}.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"] }] }); }
|
|
5735
5757
|
}
|
|
5736
5758
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListDragOnComponent, decorators: [{
|
|
5737
5759
|
type: Component,
|
|
5738
|
-
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent,
|
|
5760
|
+
args: [{ selector: 'ius-card-list-drag-on', standalone: true, imports: [IconSmComponent, IconMdComponent, ButtonSquaredTertiaryComponent], template: "<div class=\"general-container\">\r\n <div\r\n class=\"container\"\r\n [class.isClicked]=\"isSelected\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n (mouseleave)=\"onMouseLeave()\"\r\n (click)=\"clickCard($event)\"\r\n >\r\n <ius-icon-sm [iconName]=\"'icon-drag-indicator'\"></ius-icon-sm>\r\n <div class=\"data-container\">\r\n <div class=\"content\">\r\n <div class=\"general-data\">\r\n <div class=\"data\">\r\n <div class=\"state\">{{ state }}</div>\r\n <div class=\"name\">{{ name }}</div>\r\n <div class=\"small-text\">{{ smallText }}</div>\r\n </div>\r\n </div>\r\n @if(etapaID){\r\n <div class=\"optional-data\">\r\n <div class=\"title-text-container\">\r\n <p class=\"title\">Subetapas</p>\r\n <p class=\"text\">{{ subetapas }}</p>\r\n </div>\r\n @if (hover ) {\r\n <div class=\"buttons\">\r\n <div>\r\n <ius-button-squared-tertiary\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\">\r\n <p class=\"title\">Creado/modificado</p>\r\n <div class=\"image-date\">\r\n @if(imageUrl){\r\n <div class=\"image\">\r\n <img [src]=\"imageUrl\" />\r\n </div>\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\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 }\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>\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;padding:8px 12px;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}.data-container{display:flex;align-items:center;gap:24px;flex:1 0 0}.content{display:flex;align-items:center;align-content:center;gap:8px 8px;flex:1 0 0;align-self:stretch;flex-wrap:wrap}.general-data{display:flex;align-items:center;gap:8px;flex:1 0 0}.data{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 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}.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"] }]
|
|
5739
5761
|
}], propDecorators: { etapaID: [{
|
|
5740
5762
|
type: Input
|
|
5741
5763
|
}], subetapaID: [{
|
|
5742
5764
|
type: Input
|
|
5743
|
-
}],
|
|
5744
|
-
type: Input
|
|
5745
|
-
}], dragBoundary: [{
|
|
5765
|
+
}], anotherID: [{
|
|
5746
5766
|
type: Input
|
|
5747
5767
|
}], state: [{
|
|
5748
5768
|
type: Input
|
|
5749
5769
|
}], name: [{
|
|
5750
5770
|
type: Input
|
|
5771
|
+
}], smallText: [{
|
|
5772
|
+
type: Input
|
|
5751
5773
|
}], subetapas: [{
|
|
5752
5774
|
type: Input
|
|
5753
5775
|
}], fecha: [{
|
|
@@ -5762,8 +5784,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5762
5784
|
type: Output
|
|
5763
5785
|
}], onClickCard: [{
|
|
5764
5786
|
type: Output
|
|
5765
|
-
}], dragEnded: [{
|
|
5766
|
-
type: Output
|
|
5767
5787
|
}] } });
|
|
5768
5788
|
|
|
5769
5789
|
class CardCollapseDetalleProcesoComponent {
|
|
@@ -5798,5 +5818,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5798
5818
|
* Generated bundle index. Do not edit.
|
|
5799
5819
|
*/
|
|
5800
5820
|
|
|
5801
|
-
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardGestionCupoComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
5821
|
+
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonFilterComponent, ButtonOrderComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CardBlockComponent, CardButtonCheckboxComponent, CardCollapseDetalleProcesoComponent, CardDynamicContentComponent, CardGestionCupoComponent, CardInfoFacturacionComponent, CardListConsumoComponent, CardListDragOnComponent, CardListMovimientosComponent, CardListProcesoComponent, CardLogComponent, CardPlanSmallComponent, CardPlanSubscriptionComponent, CardTipoProcesoComponent, CardUsoPlanComponent, CategoriesComponent, ChartsDonutComponent, CheckboxComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, FilterItemComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputLargeComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectFilterComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, OptionItemComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleChipComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
5802
5822
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|