@litigiovirtual/ius-design-components 1.0.95 → 1.0.97
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 +24 -4
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +60 -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/lib/notification-card/notification-card.component.d.ts +8 -1
- 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;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;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
|
|
@@ -1,15 +1,29 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { IconMdComponent } from "../icon-md/icon-md.component";
|
|
3
3
|
import { ButtonSquaredTertiaryComponent } from "../button-squared-tertiary/button-squared-tertiary.component";
|
|
4
4
|
import { ButtonStandardSecondaryComponent } from "../button-standard-secondary/button-standard-secondary.component";
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class NotificationCardComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.onAccept = new EventEmitter();
|
|
9
|
+
this.onDone = new EventEmitter();
|
|
10
|
+
this.onPostpone = new EventEmitter();
|
|
11
|
+
}
|
|
12
|
+
onClickAccept() {
|
|
13
|
+
this.onAccept.emit();
|
|
14
|
+
}
|
|
15
|
+
onClickDone() {
|
|
16
|
+
this.onDone.emit();
|
|
17
|
+
}
|
|
18
|
+
onClickPostpone() {
|
|
19
|
+
this.onPostpone.emit();
|
|
20
|
+
}
|
|
7
21
|
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;border-radius:8px;border:1px solid #d9d9d9}.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"] }] }); }
|
|
22
|
+
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" }, outputs: { onAccept: "onAccept", onDone: "onDone", onPostpone: "onPostpone" }, 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 (buttonClicked)=\"onClickDone()\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n (buttonClicked)=\"onClickPostpone()\"\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 (buttonClicked)=\"onClickAccept()\">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;border-radius:8px;border:1px solid #d9d9d9}.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
23
|
}
|
|
10
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, decorators: [{
|
|
11
25
|
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;border-radius:8px;border:1px solid #d9d9d9}.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"] }]
|
|
26
|
+
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 (buttonClicked)=\"onClickDone()\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n (buttonClicked)=\"onClickPostpone()\"\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 (buttonClicked)=\"onClickAccept()\">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;border-radius:8px;border:1px solid #d9d9d9}.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
27
|
}], propDecorators: { date: [{
|
|
14
28
|
type: Input
|
|
15
29
|
}], title: [{
|
|
@@ -22,5 +36,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
22
36
|
type: Input
|
|
23
37
|
}], approve: [{
|
|
24
38
|
type: Input
|
|
39
|
+
}], onAccept: [{
|
|
40
|
+
type: Output
|
|
41
|
+
}], onDone: [{
|
|
42
|
+
type: Output
|
|
43
|
+
}], onPostpone: [{
|
|
44
|
+
type: Output
|
|
25
45
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbm90aWZpY2F0aW9uLWNhcmQvbm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvbm90aWZpY2F0aW9uLWNhcmQvbm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDOUcsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sa0VBQWtFLENBQUM7O0FBU3BILE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFnQlksYUFBUSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xELFdBQU0sR0FBdUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNoRCxlQUFVLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7S0FhL0Q7SUFYQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7K0dBdkJVLHlCQUF5QjttR0FBekIseUJBQXlCLGdSQ1p0Qyw4ekNBd0NBLGlyRkRoQ1ksZUFBZSx1RkFBRSw4QkFBOEIsc0lBQUUsZ0NBQWdDOzs0RkFJaEYseUJBQXlCO2tCQVByQyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsQ0FBQyxlQUFlLEVBQUUsOEJBQThCLEVBQUUsZ0NBQWdDLENBQUM7OEJBTW5GLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbk1kQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tbWQvaWNvbi1tZC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHsgQnV0dG9uU3F1YXJlZFRlcnRpYXJ5Q29tcG9uZW50IH0gZnJvbSBcIi4uL2J1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5L2J1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5LmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBCdXR0b25TdGFuZGFyZFNlY29uZGFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3RhbmRhcmQtc2Vjb25kYXJ5L2J1dHRvbi1zdGFuZGFyZC1zZWNvbmRhcnkuY29tcG9uZW50XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2l1cy1ub3RpZmljYXRpb24tY2FyZCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbSWNvbk1kQ29tcG9uZW50LCBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQsIEJ1dHRvblN0YW5kYXJkU2Vjb25kYXJ5Q29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vbm90aWZpY2F0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9ub3RpZmljYXRpb24tY2FyZC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkNhcmRDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBkYXRlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGJvZHk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZG9uZT86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgcG9zdHBvbmU/OiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGFwcHJvdmU/OiBib29sZWFuO1xyXG5cclxuICBAT3V0cHV0KCkgb25BY2NlcHQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgb25Eb25lOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uUG9zdHBvbmU6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgb25DbGlja0FjY2VwdCgpIHtcclxuICAgIHRoaXMub25BY2NlcHQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0RvbmUoKSB7XHJcbiAgICB0aGlzLm9uRG9uZS5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrUG9zdHBvbmUoKSB7XHJcbiAgICB0aGlzLm9uUG9zdHBvbmUuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGF0YVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgPGl1cy1pY29uLW1kIGljb25OYW1lPVwiaWNvbi1ub3RpZmljYXRpb25zXCI+PC9pdXMtaWNvbi1tZD5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGF0ZS10aXRsZVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRhdGVcIj5cclxuICAgICAgICAgICAgPHA+e3sgZGF0ZSB9fTwvcD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICAgICAgICAgIDxwPnt7IHRpdGxlIH19PC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgQGlmIChkb25lIHx8IHBvc3Rwb25lKSB7XHJcbiAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVxyXG4gICAgICAgICAgaWNvbk5hbWU9XCJpY29uLWRvbmUtb3V0bGluZVwiXHJcbiAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJvbkNsaWNrRG9uZSgpXCJcclxuICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgfSBAaWYgKHBvc3Rwb25lKSB7XHJcbiAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVxyXG4gICAgICAgICAgaWNvbk5hbWU9XCJpY29uLWhpc3RvcnktMlwiXHJcbiAgICAgICAgICAoYnV0dG9uQ2xpY2tlZCk9XCJvbkNsaWNrUG9zdHBvbmUoKVwiXHJcbiAgICAgICAgPjwvaXVzLWJ1dHRvbi1zcXVhcmVkLXRlcnRpYXJ5PlxyXG4gICAgICAgIH0gQGlmIChhcHByb3ZlKSB7XHJcbiAgICAgICAgPGl1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVxyXG4gICAgICAgICAgaWNvbk5hbWU9XCJpY29uLWhlbHAtY2VudGVyXCJcclxuICAgICAgICA+PC9pdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnk+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImJvZHlcIj5cclxuICAgICAgICA8cD57eyBib2R5IH19PC9wPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgQGlmIChhcHByb3ZlKSB7XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJidG5cIj5cclxuICAgICAgICA8aXVzLWJ1dHRvbi1zdGFuZGFyZC1zZWNvbmRhcnkgKGJ1dHRvbkNsaWNrZWQpPVwib25DbGlja0FjY2VwdCgpXCI+QWNlcHRhcjwvaXVzLWJ1dHRvbi1zdGFuZGFyZC1zZWNvbmRhcnk+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICB9XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
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
|
|
@@ -4630,12 +4630,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4630
4630
|
}] } });
|
|
4631
4631
|
|
|
4632
4632
|
class NotificationCardComponent {
|
|
4633
|
+
constructor() {
|
|
4634
|
+
this.onAccept = new EventEmitter();
|
|
4635
|
+
this.onDone = new EventEmitter();
|
|
4636
|
+
this.onPostpone = new EventEmitter();
|
|
4637
|
+
}
|
|
4638
|
+
onClickAccept() {
|
|
4639
|
+
this.onAccept.emit();
|
|
4640
|
+
}
|
|
4641
|
+
onClickDone() {
|
|
4642
|
+
this.onDone.emit();
|
|
4643
|
+
}
|
|
4644
|
+
onClickPostpone() {
|
|
4645
|
+
this.onPostpone.emit();
|
|
4646
|
+
}
|
|
4633
4647
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4634
|
-
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;border-radius:8px;border:1px solid #d9d9d9}.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"] }] }); }
|
|
4648
|
+
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" }, outputs: { onAccept: "onAccept", onDone: "onDone", onPostpone: "onPostpone" }, 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 (buttonClicked)=\"onClickDone()\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n (buttonClicked)=\"onClickPostpone()\"\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 (buttonClicked)=\"onClickAccept()\">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;border-radius:8px;border:1px solid #d9d9d9}.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"] }] }); }
|
|
4635
4649
|
}
|
|
4636
4650
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationCardComponent, decorators: [{
|
|
4637
4651
|
type: Component,
|
|
4638
|
-
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;border-radius:8px;border:1px solid #d9d9d9}.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"] }]
|
|
4652
|
+
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 (buttonClicked)=\"onClickDone()\"\r\n ></ius-button-squared-tertiary>\r\n } @if (postpone) {\r\n <ius-button-squared-tertiary\r\n iconName=\"icon-history-2\"\r\n (buttonClicked)=\"onClickPostpone()\"\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 (buttonClicked)=\"onClickAccept()\">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;border-radius:8px;border:1px solid #d9d9d9}.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"] }]
|
|
4639
4653
|
}], propDecorators: { date: [{
|
|
4640
4654
|
type: Input
|
|
4641
4655
|
}], title: [{
|
|
@@ -4648,11 +4662,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4648
4662
|
type: Input
|
|
4649
4663
|
}], approve: [{
|
|
4650
4664
|
type: Input
|
|
4665
|
+
}], onAccept: [{
|
|
4666
|
+
type: Output
|
|
4667
|
+
}], onDone: [{
|
|
4668
|
+
type: Output
|
|
4669
|
+
}], onPostpone: [{
|
|
4670
|
+
type: Output
|
|
4671
|
+
}] } });
|
|
4672
|
+
|
|
4673
|
+
class CardListConsumoComponent {
|
|
4674
|
+
constructor() {
|
|
4675
|
+
this.hover = false;
|
|
4676
|
+
this.options = false;
|
|
4677
|
+
this.onClickCard = new EventEmitter();
|
|
4678
|
+
}
|
|
4679
|
+
onMouseEnter() {
|
|
4680
|
+
this.hover = true;
|
|
4681
|
+
}
|
|
4682
|
+
onMouseLeave() {
|
|
4683
|
+
this.hover = false;
|
|
4684
|
+
this.options = false;
|
|
4685
|
+
}
|
|
4686
|
+
clickCard(event) {
|
|
4687
|
+
event.stopImmediatePropagation();
|
|
4688
|
+
this.onClickCard.emit();
|
|
4689
|
+
}
|
|
4690
|
+
clickShowMore(event) {
|
|
4691
|
+
event.stopImmediatePropagation();
|
|
4692
|
+
this.options = !this.options;
|
|
4693
|
+
}
|
|
4694
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListConsumoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4695
|
+
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;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"] }); }
|
|
4696
|
+
}
|
|
4697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardListConsumoComponent, decorators: [{
|
|
4698
|
+
type: Component,
|
|
4699
|
+
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;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"] }]
|
|
4700
|
+
}], propDecorators: { fecha: [{
|
|
4701
|
+
type: Input
|
|
4702
|
+
}], name: [{
|
|
4703
|
+
type: Input
|
|
4704
|
+
}], cant: [{
|
|
4705
|
+
type: Input
|
|
4706
|
+
}], onClickCard: [{
|
|
4707
|
+
type: Output
|
|
4651
4708
|
}] } });
|
|
4652
4709
|
|
|
4653
4710
|
/**
|
|
4654
4711
|
* Generated bundle index. Do not edit.
|
|
4655
4712
|
*/
|
|
4656
4713
|
|
|
4657
|
-
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 };
|
|
4714
|
+
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 };
|
|
4658
4715
|
//# sourceMappingURL=litigiovirtual-ius-design-components.mjs.map
|