@litigiovirtual/ius-design-components 1.0.92 → 1.0.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/card-list-consumo/card-list-consumo.component.mjs +39 -0
- package/esm2022/lib/card-list-consumo/index.mjs +2 -0
- package/esm2022/lib/notification-card/notification-card.component.mjs +3 -3
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +40 -3
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/card-list-consumo/card-list-consumo.component.d.ts +16 -0
- package/lib/card-list-consumo/index.d.ts +1 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CardListConsumoComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.hover = false;
|
|
6
|
+
this.options = false;
|
|
7
|
+
this.onClickCard = new EventEmitter();
|
|
8
|
+
}
|
|
9
|
+
onMouseEnter() {
|
|
10
|
+
this.hover = true;
|
|
11
|
+
}
|
|
12
|
+
onMouseLeave() {
|
|
13
|
+
this.hover = false;
|
|
14
|
+
this.options = false;
|
|
15
|
+
}
|
|
16
|
+
clickCard(event) {
|
|
17
|
+
event.stopImmediatePropagation();
|
|
18
|
+
this.onClickCard.emit();
|
|
19
|
+
}
|
|
20
|
+
clickShowMore(event) {
|
|
21
|
+
event.stopImmediatePropagation();
|
|
22
|
+
this.options = !this.options;
|
|
23
|
+
}
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListConsumoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListConsumoComponent, isStandalone: true, selector: "ius-card-list-consumo", inputs: { fecha: "fecha", name: "name", cant: "cant" }, outputs: { onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container-card\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n <div class=\"data-container\">\r\n <p class=\"fecha\">\r\n {{ fecha }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (cant) {\r\n <div class=\"data-container\">\r\n <p class=\"cantidad\">{{ cant }}</p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-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}.container-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.data-container p{margin:0}.data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.data-container .fecha{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.cantidad{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}\n"] }); }
|
|
26
|
+
}
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListConsumoComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: 'ius-card-list-consumo', standalone: true, imports: [], template: "<div class=\"general-container\">\r\n <div class=\"container-card\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n <div class=\"data-container\">\r\n <p class=\"fecha\">\r\n {{ fecha }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (cant) {\r\n <div class=\"data-container\">\r\n <p class=\"cantidad\">{{ cant }}</p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-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}.container-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.data-container p{margin:0}.data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.data-container .fecha{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.cantidad{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}\n"] }]
|
|
30
|
+
}], propDecorators: { fecha: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], name: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], cant: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], onClickCard: [{
|
|
37
|
+
type: Output
|
|
38
|
+
}] } });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1saXN0LWNvbnN1bW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWNvbnN1bW8vY2FyZC1saXN0LWNvbnN1bW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1saXN0LWNvbnN1bW8vY2FyZC1saXN0LWNvbnN1bW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQVByQztRQVNFLFVBQUssR0FBWSxLQUFLLENBQUM7UUFDdkIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQU1mLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQW9CakQ7SUFsQkMsWUFBWTtRQUNWLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFZO1FBQ3BCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFZO1FBQ3hCLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQy9CLENBQUM7K0dBNUJVLHdCQUF3QjttR0FBeEIsd0JBQXdCLGtMQ1RyQywwdEJBdUJBOzs0RkRkYSx3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUCxFQUFFOzhCQVNGLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FyZC1saXN0LWNvbnN1bW8nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtbGlzdC1jb25zdW1vLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC1saXN0LWNvbnN1bW8uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkTGlzdENvbnN1bW9Db21wb25lbnQge1xyXG5cclxuICBob3ZlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIG9wdGlvbnM6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgZmVjaGE/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbmFtZT86IHN0cmluZztcclxuICBASW5wdXQoKSBjYW50Pzogc3RyaW5nO1xyXG5cclxuICBAT3V0cHV0KCkgb25DbGlja0NhcmQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgb25Nb3VzZUVudGVyKCkge1xyXG4gICAgdGhpcy5ob3ZlciA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBvbk1vdXNlTGVhdmUoKSB7XHJcbiAgICB0aGlzLmhvdmVyID0gZmFsc2U7XHJcbiAgICB0aGlzLm9wdGlvbnMgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIGNsaWNrQ2FyZChldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BJbW1lZGlhdGVQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5vbkNsaWNrQ2FyZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBjbGlja1Nob3dNb3JlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLm9wdGlvbnMgPSAhdGhpcy5vcHRpb25zO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWNhcmRcIiAobW91c2VlbnRlcik9XCJvbk1vdXNlRW50ZXIoKVwiIChtb3VzZWxlYXZlKT1cIm9uTW91c2VMZWF2ZSgpXCIgKGNsaWNrKT1cImNsaWNrQ2FyZCgkZXZlbnQpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGF0YVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibGVmdC1kYXRhXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRhdGEtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICA8cCBjbGFzcz1cImZlY2hhXCI+XHJcbiAgICAgICAgICAgIHt7IGZlY2hhIH19XHJcbiAgICAgICAgICA8L3A+XHJcbiAgICAgICAgICA8cCBjbGFzcz1cIm5hbWVcIj57eyBuYW1lIH19PC9wPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJpZ2h0LWRhdGFcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICAgICAgQGlmIChjYW50KSB7XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0YS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJjYW50aWRhZFwiPnt7IGNhbnQgfX08L3A+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIH1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './card-list-consumo.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pdXMtZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9jYXJkLWxpc3QtY29uc3Vtby9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jYXJkLWxpc3QtY29uc3Vtby5jb21wb25lbnQnO1xyXG5cclxuIl19
|
|
@@ -5,11 +5,11 @@ import { ButtonStandardSecondaryComponent } from "../button-standard-secondary/b
|
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class NotificationCardComponent {
|
|
7
7
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationCardComponent, isStandalone: true, selector: "ius-notification-card", inputs: { date: "date", title: "title", body: "body", done: "done", postpone: "postpone", approve: "approve" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-md iconName=\"icon-notifications\"></ius-icon-md>\r\n <div class=\"date-title\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (done || postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-done-outline\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n ></ius-button-squared-tertiary>\r\n } @if (approve) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-help-center\"\r\n ></ius-button-squared-tertiary>\r\n }\r\n </div>\r\n <div class=\"body\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (approve) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary>Aceptar</ius-button-standard-secondary>\r\n </div>\r\n }\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-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}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationCardComponent, isStandalone: true, selector: "ius-notification-card", inputs: { date: "date", title: "title", body: "body", done: "done", postpone: "postpone", approve: "approve" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-md iconName=\"icon-notifications\"></ius-icon-md>\r\n <div class=\"date-title\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (done || postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-done-outline\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n ></ius-button-squared-tertiary>\r\n } @if (approve) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-help-center\"\r\n ></ius-button-squared-tertiary>\r\n }\r\n </div>\r\n <div class=\"body\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (approve) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary>Aceptar</ius-button-standard-secondary>\r\n </div>\r\n }\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-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}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px}.data{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.header .date-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.header .date-title .date{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .date p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.header .date-title .title{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .title p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.body p{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.btn{width:100%}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardSecondaryComponent, selector: "ius-button-standard-secondary", inputs: ["disabled"], outputs: ["buttonClicked"] }] }); }
|
|
9
9
|
}
|
|
10
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'ius-notification-card', standalone: true, imports: [IconMdComponent, ButtonSquaredTertiaryComponent, ButtonStandardSecondaryComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-md iconName=\"icon-notifications\"></ius-icon-md>\r\n <div class=\"date-title\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (done || postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-done-outline\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n ></ius-button-squared-tertiary>\r\n } @if (approve) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-help-center\"\r\n ></ius-button-squared-tertiary>\r\n }\r\n </div>\r\n <div class=\"body\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (approve) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary>Aceptar</ius-button-standard-secondary>\r\n </div>\r\n }\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-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}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px
|
|
12
|
+
args: [{ selector: 'ius-notification-card', standalone: true, imports: [IconMdComponent, ButtonSquaredTertiaryComponent, ButtonStandardSecondaryComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-md iconName=\"icon-notifications\"></ius-icon-md>\r\n <div class=\"date-title\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (done || postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-done-outline\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n ></ius-button-squared-tertiary>\r\n } @if (approve) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-help-center\"\r\n ></ius-button-squared-tertiary>\r\n }\r\n </div>\r\n <div class=\"body\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (approve) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary>Aceptar</ius-button-standard-secondary>\r\n </div>\r\n }\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-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}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px}.data{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.header .date-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.header .date-title .date{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .date p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.header .date-title .title{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .title p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.body p{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.btn{width:100%}\n"] }]
|
|
13
13
|
}], propDecorators: { date: [{
|
|
14
14
|
type: Input
|
|
15
15
|
}], title: [{
|
|
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
23
23
|
}], approve: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbm90aWZpY2F0aW9uLWNhcmQvbm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbm90aWZpY2F0aW9uLWNhcmQvbm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQy9ELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBQzlHLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLGtFQUFrRSxDQUFDOztBQVNwSCxNQUFNLE9BQU8seUJBQXlCOytHQUF6Qix5QkFBeUI7bUdBQXpCLHlCQUF5QixpTUNadEMsd3JDQXNDQSxzb0ZEOUJZLGVBQWUsdUZBQUUsOEJBQThCLHNJQUFFLGdDQUFnQzs7NEZBSWhGLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLDhCQUE4QixFQUFFLGdDQUFnQyxDQUFDOzhCQU1uRixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kL2ljb24tbWQuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEJ1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeS9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeS5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgQnV0dG9uU3RhbmRhcmRTZWNvbmRhcnlDb21wb25lbnQgfSBmcm9tIFwiLi4vYnV0dG9uLXN0YW5kYXJkLXNlY29uZGFyeS9idXR0b24tc3RhbmRhcmQtc2Vjb25kYXJ5LmNvbXBvbmVudFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtbm90aWZpY2F0aW9uLWNhcmQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0ljb25NZENvbXBvbmVudCwgQnV0dG9uU3F1YXJlZFRlcnRpYXJ5Q29tcG9uZW50LCBCdXR0b25TdGFuZGFyZFNlY29uZGFyeUNvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vbm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25DYXJkQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgZGF0ZT86IHN0cmluZztcclxuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcclxuICBASW5wdXQoKSBib2R5Pzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRvbmU/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHBvc3Rwb25lPzogYm9vbGVhbjtcclxuICBASW5wdXQoKSBhcHByb3ZlPzogYm9vbGVhbjtcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdlbmVyYWwtY29udGFpbmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImRhdGFcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICAgIDxpdXMtaWNvbi1tZCBpY29uTmFtZT1cImljb24tbm90aWZpY2F0aW9uc1wiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRhdGUtdGl0bGVcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkYXRlXCI+XHJcbiAgICAgICAgICAgIDxwPnt7IGRhdGUgfX08L3A+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPlxyXG4gICAgICAgICAgICA8cD57eyB0aXRsZSB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIEBpZiAoZG9uZSB8fCBwb3N0cG9uZSkge1xyXG4gICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnlcclxuICAgICAgICAgIGljb25OYW1lPVwiaWNvbi1kb25lLW91dGxpbmVcIlxyXG4gICAgICAgID48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgICAgICB9IEBpZiAocG9zdHBvbmUpIHtcclxuICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5XHJcbiAgICAgICAgICBpY29uTmFtZT1cImljb24taGlzdG9yeS0yXCJcclxuICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgfSBAaWYgKGFwcHJvdmUpIHtcclxuICAgICAgICA8aXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5XHJcbiAgICAgICAgICBpY29uTmFtZT1cImljb24taGVscC1jZW50ZXJcIlxyXG4gICAgICAgID48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgIDxwPnt7IGJvZHkgfX08L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICBAaWYgKGFwcHJvdmUpIHtcclxuICAgICAgPGRpdiBjbGFzcz1cImJ0blwiPlxyXG4gICAgICAgIDxpdXMtYnV0dG9uLXN0YW5kYXJkLXNlY29uZGFyeT5BY2VwdGFyPC9pdXMtYnV0dG9uLXN0YW5kYXJkLXNlY29uZGFyeT5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIH1cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -55,6 +55,7 @@ export * from './lib/simple-card-contador';
|
|
|
55
55
|
export * from './lib/dropdown-contextual-menu';
|
|
56
56
|
export * from './lib/segment';
|
|
57
57
|
export * from './lib/notification-card';
|
|
58
|
+
export * from './lib/card-list-consumo';
|
|
58
59
|
//Directivas
|
|
59
60
|
export * from './lib/directives/popover.directive';
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLGtCQUFrQixDQUFDO0FBQ2pDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBRXhDLFlBQVk7QUFDWixjQUFjLG9DQUFvQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXByaW1hcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tc3RhbmRhcmQtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXN0YW5kYXJkLXRlcnRpYXJ5LXNtYWxsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXNxdWFyZWQtc2Vjb25kYXJ5JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXNxdWFyZWQtdGVydGlhcnknO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tY2lyY2xlLXNlY29uZGFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1keW5hbWljJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLWNpcmNsZS10ZXJ0aWFyeSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLXBhcmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlY3Rpb24tY29sbGFwc2UtZHJhd2VyLWNoaWxkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbWVudS1pdGVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZG91YmxlLWRhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLWhvdXItcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmF2LXJhaWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWFyY2gtYmFyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtdGV4dGZpZWxkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvYmFkZ2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1zZWxlY3QtbnVtYmVyJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvb3B0aW9uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHJvcGRvd24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi11c2VyLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi1vcHRpb24taXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24teHMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXNtJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi1tZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24tbGcnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pY29uLXhsJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi14eGwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtZGl2aWRlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpbmVhci1wcm9ncmVzcy1iYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9sb2FkaW5nLWNpcmNsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyYXdlci1jb250YWluZXItcmlnaHQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbGlkZS10b2dnbGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtbW92aW1pZW50b3MnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWR5bmFtaWMtY29udGVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2F2YXRhci1pY29uJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2F0ZWdvcmllcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2N1c3RvbS1kcm9wZG93bic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoaXAtdXNlcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyLXVzZXItbWVudSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1hdXRoJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtcGFzc3dvcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1vdHAnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zbmFja2Jhcic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoYXJ0cy1kb251dCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoYXJ0cy1iYXItZ3JvdXBlZCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JyZWFkY3J1bWInO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi91c2VyLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zaW1wbGUtdXNlci1jYXJkJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2ltcGxlLWNhcmQtY29udGFkb3InO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kcm9wZG93bi1jb250ZXh0dWFsLW1lbnUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWdtZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbm90aWZpY2F0aW9uLWNhcmQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkLWxpc3QtY29uc3Vtbyc7XHJcblxyXG4vL0RpcmVjdGl2YXNcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9wb3BvdmVyLmRpcmVjdGl2ZSc7Il19
|
|
@@ -4601,11 +4601,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4601
4601
|
|
|
4602
4602
|
class NotificationCardComponent {
|
|
4603
4603
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4604
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationCardComponent, isStandalone: true, selector: "ius-notification-card", inputs: { date: "date", title: "title", body: "body", done: "done", postpone: "postpone", approve: "approve" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-md iconName=\"icon-notifications\"></ius-icon-md>\r\n <div class=\"date-title\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (done || postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-done-outline\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n ></ius-button-squared-tertiary>\r\n } @if (approve) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-help-center\"\r\n ></ius-button-squared-tertiary>\r\n }\r\n </div>\r\n <div class=\"body\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (approve) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary>Aceptar</ius-button-standard-secondary>\r\n </div>\r\n }\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-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}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px
|
|
4604
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationCardComponent, isStandalone: true, selector: "ius-notification-card", inputs: { date: "date", title: "title", body: "body", done: "done", postpone: "postpone", approve: "approve" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-md iconName=\"icon-notifications\"></ius-icon-md>\r\n <div class=\"date-title\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (done || postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-done-outline\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n ></ius-button-squared-tertiary>\r\n } @if (approve) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-help-center\"\r\n ></ius-button-squared-tertiary>\r\n }\r\n </div>\r\n <div class=\"body\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (approve) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary>Aceptar</ius-button-standard-secondary>\r\n </div>\r\n }\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-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}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px}.data{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.header .date-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.header .date-title .date{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .date p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.header .date-title .title{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .title p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.body p{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.btn{width:100%}\n"], dependencies: [{ kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: ButtonSquaredTertiaryComponent, selector: "ius-button-squared-tertiary", inputs: ["disabled", "iconName"], outputs: ["buttonClicked"] }, { kind: "component", type: ButtonStandardSecondaryComponent, selector: "ius-button-standard-secondary", inputs: ["disabled"], outputs: ["buttonClicked"] }] }); }
|
|
4605
4605
|
}
|
|
4606
4606
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, decorators: [{
|
|
4607
4607
|
type: Component,
|
|
4608
|
-
args: [{ selector: 'ius-notification-card', standalone: true, imports: [IconMdComponent, ButtonSquaredTertiaryComponent, ButtonStandardSecondaryComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-md iconName=\"icon-notifications\"></ius-icon-md>\r\n <div class=\"date-title\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (done || postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-done-outline\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n ></ius-button-squared-tertiary>\r\n } @if (approve) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-help-center\"\r\n ></ius-button-squared-tertiary>\r\n }\r\n </div>\r\n <div class=\"body\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (approve) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary>Aceptar</ius-button-standard-secondary>\r\n </div>\r\n }\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-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}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px
|
|
4608
|
+
args: [{ selector: 'ius-notification-card', standalone: true, imports: [IconMdComponent, ButtonSquaredTertiaryComponent, ButtonStandardSecondaryComponent], template: "<div class=\"general-container\">\r\n <div class=\"container\">\r\n <div class=\"data\">\r\n <div class=\"header\">\r\n <ius-icon-md iconName=\"icon-notifications\"></ius-icon-md>\r\n <div class=\"date-title\">\r\n <div class=\"date\">\r\n <p>{{ date }}</p>\r\n </div>\r\n <div class=\"title\">\r\n <p>{{ title }}</p>\r\n </div>\r\n </div>\r\n @if (done || postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-done-outline\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n ></ius-button-squared-tertiary>\r\n } @if (approve) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-help-center\"\r\n ></ius-button-squared-tertiary>\r\n }\r\n </div>\r\n <div class=\"body\">\r\n <p>{{ body }}</p>\r\n </div>\r\n @if (approve) {\r\n <div class=\"btn\">\r\n <ius-button-standard-secondary>Aceptar</ius-button-standard-secondary>\r\n </div>\r\n }\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-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}.container{display:flex;padding:12px 16px;flex-direction:column;align-items:flex-start;gap:5px}.data{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:stretch}.header{display:flex;justify-content:flex-end;align-items:center;gap:4px;align-self:stretch}.header .date-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0}.header .date-title .date{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .date p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.header .date-title .title{display:flex;align-items:center;gap:12px;align-self:stretch}.header .date-title .title p{margin:0;color:#333;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}.body{display:flex;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch}.body p{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;align-self:stretch;color:#333;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.btn{width:100%}\n"] }]
|
|
4609
4609
|
}], propDecorators: { date: [{
|
|
4610
4610
|
type: Input
|
|
4611
4611
|
}], title: [{
|
|
@@ -4620,9 +4620,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4620
4620
|
type: Input
|
|
4621
4621
|
}] } });
|
|
4622
4622
|
|
|
4623
|
+
class CardListConsumoComponent {
|
|
4624
|
+
constructor() {
|
|
4625
|
+
this.hover = false;
|
|
4626
|
+
this.options = false;
|
|
4627
|
+
this.onClickCard = new EventEmitter();
|
|
4628
|
+
}
|
|
4629
|
+
onMouseEnter() {
|
|
4630
|
+
this.hover = true;
|
|
4631
|
+
}
|
|
4632
|
+
onMouseLeave() {
|
|
4633
|
+
this.hover = false;
|
|
4634
|
+
this.options = false;
|
|
4635
|
+
}
|
|
4636
|
+
clickCard(event) {
|
|
4637
|
+
event.stopImmediatePropagation();
|
|
4638
|
+
this.onClickCard.emit();
|
|
4639
|
+
}
|
|
4640
|
+
clickShowMore(event) {
|
|
4641
|
+
event.stopImmediatePropagation();
|
|
4642
|
+
this.options = !this.options;
|
|
4643
|
+
}
|
|
4644
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListConsumoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4645
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardListConsumoComponent, isStandalone: true, selector: "ius-card-list-consumo", inputs: { fecha: "fecha", name: "name", cant: "cant" }, outputs: { onClickCard: "onClickCard" }, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"container-card\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n <div class=\"data-container\">\r\n <p class=\"fecha\">\r\n {{ fecha }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (cant) {\r\n <div class=\"data-container\">\r\n <p class=\"cantidad\">{{ cant }}</p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-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}.container-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.data-container p{margin:0}.data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.data-container .fecha{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.cantidad{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}\n"] }); }
|
|
4646
|
+
}
|
|
4647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListConsumoComponent, decorators: [{
|
|
4648
|
+
type: Component,
|
|
4649
|
+
args: [{ selector: 'ius-card-list-consumo', standalone: true, imports: [], template: "<div class=\"general-container\">\r\n <div class=\"container-card\" (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" (click)=\"clickCard($event)\">\r\n <div class=\"data\">\r\n <div class=\"left-data\">\r\n <div class=\"data-container\">\r\n <p class=\"fecha\">\r\n {{ fecha }}\r\n </p>\r\n <p class=\"name\">{{ name }}</p>\r\n </div>\r\n </div>\r\n <div class=\"right-data\">\r\n <div class=\"container\">\r\n @if (cant) {\r\n <div class=\"data-container\">\r\n <p class=\"cantidad\">{{ cant }}</p>\r\n </div>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".h1{font-family:Roboto,sans-serif;font-size:2.375rem;font-weight:500;line-height:46px}.h2{font-family:Roboto,sans-serif;font-size:1.875rem;font-weight:700;line-height:38px}.h3{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;line-height:32px}.h4{font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:700;line-height:26px}.h5{font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:500;line-height:24px;letter-spacing:.18px}.label-large{font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:22px}.body-large{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400;line-height:22px}.label-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:500;line-height:20px;letter-spacing:.28px}.body-base{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;font-style:italic;letter-spacing:.28px}.body-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}.container-card{display:flex;padding:16px 32px;align-items:center;align-content:center;gap:12px;flex-wrap:wrap;border-radius:8px;border:1px solid #eaeaea;background:#fff}.container-card :hover{cursor:pointer}.data{display:flex;align-items:center;gap:40px;flex:1 0 0}.left-data{display:flex;min-width:280px;align-items:center;gap:8px;flex:1 0 0}.data-container{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 0 0}.data-container p{margin:0}.data-container .name{display:flex;align-items:center;gap:10px;color:#333;font-family:Rubik,sans-serif;font-size:1rem;font-style:normal;font-weight:400;line-height:22px}.data-container .fecha{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:16px;letter-spacing:.24px}.right-data{display:flex;align-items:center;gap:40px}.right-data p{margin:0}.right-data .container{display:flex;min-width:280px;justify-content:center;align-items:center;align-content:center;gap:40px;flex-wrap:wrap}.right-data .container .data-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.right-data .container .data-container .data{display:flex;align-items:center;gap:10px;align-self:stretch;color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.28px}.cantidad{color:#595959;font-family:Rubik,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.28px}\n"] }]
|
|
4650
|
+
}], propDecorators: { fecha: [{
|
|
4651
|
+
type: Input
|
|
4652
|
+
}], name: [{
|
|
4653
|
+
type: Input
|
|
4654
|
+
}], cant: [{
|
|
4655
|
+
type: Input
|
|
4656
|
+
}], onClickCard: [{
|
|
4657
|
+
type: Output
|
|
4658
|
+
}] } });
|
|
4659
|
+
|
|
4623
4660
|
/**
|
|
4624
4661
|
* Generated bundle index. Do not edit.
|
|
4625
4662
|
*/
|
|
4626
4663
|
|
|
4627
|
-
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CardDynamicContentComponent, CardListMovimientosComponent, CategoriesComponent, ChartsDonutComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
4664
|
+
export { AvatarIconComponent, BadgeComponent, BreadcrumbComponent, ButtonAuthComponent, ButtonCircleSecondaryComponent, ButtonCircleTertiaryComponent, ButtonDynamicComponent, ButtonSquaredSecondaryComponent, ButtonSquaredTertiaryComponent, ButtonStandardPrimaryComponent, ButtonStandardSecondaryComponent, ButtonStandardTertiaryComponent, ButtonStandardTertiarySmallComponent, CardDynamicContentComponent, CardListConsumoComponent, CardListMovimientosComponent, CategoriesComponent, ChartsDonutComponent, ChipUserComponent, CustomDropdownComponent, DateHourPickerComponent, DatePickerComponent, DoubleDatePickerComponent, DrawerContainerRightComponent, DropdownComponent, DropdownContextualMenuComponent, DropdownOptionItemComponent, DropdownUserMenuComponent, IconLgComponent, IconMdComponent, IconSmComponent, IconXlComponent, IconXsComponent, IconXxlComponent, InputOtpComponent, InputPasswordComponent, InputSelectComponent, InputSelectNumberComponent, InputTextfieldComponent, IusChartsBarGroupedComponent, LinearProgressBarComponent, LoadingCircleComponent, MenuItemComponent, NavRailComponent, NotificationCardComponent, OptionComponent, PopoverDirective, SearchBarComponent, SectionCollapseDrawerChildComponent, SectionCollapseDrawerParentComponent, SegmentComponent, SimpleCardContadorComponent, SimpleDividerComponent, SimpleUserCardComponent, SlideToggleComponent, SnackbarComponent, ToolbarComponent, ToolbarUserMenuComponent, UserCardComponent };
|
|
4628
4665
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|