@litigiovirtual/ius-design-components 1.0.96 → 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/notification-card/notification-card.component.mjs +24 -4
- package/fesm2022/litigiovirtual-ius-design-components.mjs +22 -2
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/notification-card/notification-card.component.d.ts +8 -1
- package/package.json +1 -1
|
@@ -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==
|
|
@@ -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,6 +4662,12 @@ 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
|
|
4651
4671
|
}] } });
|
|
4652
4672
|
|
|
4653
4673
|
class CardListConsumoComponent {
|