@litigiovirtual/ius-design-components 1.0.158 → 1.0.160
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/calification/calification.component.mjs +3 -25
- package/esm2022/lib/card-ticket/card-ticket.component.mjs +1 -1
- package/fesm2022/litigiovirtual-ius-design-components.mjs +2 -24
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/calification/calification.component.d.ts +1 -2
- package/lib/card-ticket/card-ticket.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -3,42 +3,20 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class CalificationComponent {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.rating = 0;
|
|
6
|
-
this.comment = '';
|
|
7
6
|
this.stars = [1, 2, 3, 4, 5];
|
|
8
7
|
}
|
|
9
8
|
ngOnChanges() {
|
|
10
9
|
if (this.rating == null || isNaN(this.rating))
|
|
11
10
|
this.rating = 0;
|
|
12
11
|
this.rating = Math.max(0, Math.min(5, Math.round(this.rating)));
|
|
13
|
-
if (this.comment.length === 0) {
|
|
14
|
-
switch (this.rating) {
|
|
15
|
-
case 1:
|
|
16
|
-
this.comment = 'Muy mala atención';
|
|
17
|
-
break;
|
|
18
|
-
case 2:
|
|
19
|
-
this.comment = 'Mala atención';
|
|
20
|
-
break;
|
|
21
|
-
case 3:
|
|
22
|
-
this.comment = 'Atención regular';
|
|
23
|
-
break;
|
|
24
|
-
case 4:
|
|
25
|
-
this.comment = 'Buena atención';
|
|
26
|
-
break;
|
|
27
|
-
case 5:
|
|
28
|
-
this.comment = 'Excelente atención';
|
|
29
|
-
break;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
12
|
}
|
|
33
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CalificationComponent, isStandalone: true, selector: "ius-calification", inputs: { rating: "rating"
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CalificationComponent, isStandalone: true, selector: "ius-calification", inputs: { rating: "rating" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"rating\">\r\n <div class=\"stars\" role=\"img\" [attr.aria-label]=\"rating + ' de 5 estrellas'\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" [class.filled]=\"s <= rating\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path\r\n d=\"M12 2.5l2.96 6 6.64.97-4.8 4.68 1.13 6.6L12 17.77 6.07 20.75l1.13-6.6-4.8-4.68 6.64-.97L12 2.5z\" />\r\n </svg>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}:host{--star-size: 25px;--star-gap: 4px;--star-color-filled: #2167FF;--star-color-empty: $neutral-5;--comment-color: #000000;display:block}.rating{font-family:Rubik,sans-serif}.stars{display:flex;align-items:center;gap:var(--star-gap);margin-bottom:6px}.star{width:var(--star-size);height:var(--star-size);fill:var(--star-color-empty)}.star.filled{fill:var(--star-color-filled)}.comment{margin:0;color:var(--comment-color);font-weight:400}\n"] }); }
|
|
35
15
|
}
|
|
36
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalificationComponent, decorators: [{
|
|
37
17
|
type: Component,
|
|
38
|
-
args: [{ selector: 'ius-calification', standalone: true, imports: [], template: "<div class=\"general-container\">\r\n <div class=\"rating\">\r\n <div class=\"stars\" role=\"img\" [attr.aria-label]=\"rating + ' de 5 estrellas'\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" [class.filled]=\"s <= rating\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path\r\n d=\"M12 2.5l2.96 6 6.64.97-4.8 4.68 1.13 6.6L12 17.77 6.07 20.75l1.13-6.6-4.8-4.68 6.64-.97L12 2.5z\" />\r\n </svg>\r\n }\r\n </div>\r\n
|
|
18
|
+
args: [{ selector: 'ius-calification', standalone: true, imports: [], template: "<div class=\"general-container\">\r\n <div class=\"rating\">\r\n <div class=\"stars\" role=\"img\" [attr.aria-label]=\"rating + ' de 5 estrellas'\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" [class.filled]=\"s <= rating\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path\r\n d=\"M12 2.5l2.96 6 6.64.97-4.8 4.68 1.13 6.6L12 17.77 6.07 20.75l1.13-6.6-4.8-4.68 6.64-.97L12 2.5z\" />\r\n </svg>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}:host{--star-size: 25px;--star-gap: 4px;--star-color-filled: #2167FF;--star-color-empty: $neutral-5;--comment-color: #000000;display:block}.rating{font-family:Rubik,sans-serif}.stars{display:flex;align-items:center;gap:var(--star-gap);margin-bottom:6px}.star{width:var(--star-size);height:var(--star-size);fill:var(--star-color-empty)}.star.filled{fill:var(--star-color-filled)}.comment{margin:0;color:var(--comment-color);font-weight:400}\n"] }]
|
|
39
19
|
}], propDecorators: { rating: [{
|
|
40
20
|
type: Input
|
|
41
|
-
}], comment: [{
|
|
42
|
-
type: Input
|
|
43
21
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsaWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2NhbGlmaWNhdGlvbi9jYWxpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FsaWZpY2F0aW9uL2NhbGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTakQsTUFBTSxPQUFPLHFCQUFxQjtJQVBsQztRQVNXLFdBQU0sR0FBVyxDQUFDLENBQUM7UUFFNUIsVUFBSyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBS3pCO0lBSkMsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFhLENBQUM7WUFBRSxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUN0RSxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNsRSxDQUFDOytHQVJVLHFCQUFxQjttR0FBckIscUJBQXFCLCtIQ1RsQyxvbkJBYUE7OzRGREphLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLEVBQUU7OEJBTUYsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FsaWZpY2F0aW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYWxpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYWxpZmljYXRpb25Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSByYXRpbmc6IG51bWJlciA9IDA7XHJcblxyXG4gIHN0YXJzID0gWzEsIDIsIDMsIDQsIDVdO1xyXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMucmF0aW5nID09IG51bGwgfHwgaXNOYU4odGhpcy5yYXRpbmcgYXMgYW55KSkgdGhpcy5yYXRpbmcgPSAwO1xyXG4gICAgdGhpcy5yYXRpbmcgPSBNYXRoLm1heCgwLCBNYXRoLm1pbig1LCBNYXRoLnJvdW5kKHRoaXMucmF0aW5nKSkpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyYXRpbmdcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGFyc1wiIHJvbGU9XCJpbWdcIiBbYXR0ci5hcmlhLWxhYmVsXT1cInJhdGluZyArICcgZGUgNSBlc3RyZWxsYXMnXCI+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgIEBmb3IgKHMgb2Ygc3RhcnM7IHRyYWNrIHMpIHtcclxuICAgICAgICAgICAgICAgICAgICA8c3ZnIGNsYXNzPVwic3RhclwiIFtjbGFzcy5maWxsZWRdPVwicyA8PSByYXRpbmdcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTEyIDIuNWwyLjk2IDYgNi42NC45Ny00LjggNC42OCAxLjEzIDYuNkwxMiAxNy43NyA2LjA3IDIwLjc1bDEuMTMtNi42LTQuOC00LjY4IDYuNjQtLjk3TDEyIDIuNXpcIiAvPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
50
50
|
}], onClickCard: [{
|
|
51
51
|
type: Output
|
|
52
52
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aWNrZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC10aWNrZXQvY2FyZC10aWNrZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC10aWNrZXQvY2FyZC10aWNrZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUcsOEJBQThCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBU0UsVUFBSyxHQUFZLEtBQUssQ0FBQztRQVdkLGFBQVEsR0FBVyxhQUFhLENBQUM7UUFDakMsY0FBUyxHQUFXLFNBQVMsQ0FBQztRQUk3QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FhakQ7SUFaQyxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVk7UUFDcEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0dBOUJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDRVQ1hoQyw0eURBdUNNLHU0SkRoQ08sOEJBQThCLHNJQUFFLGVBQWU7OzRGQUkvQyxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUUsOEJBQThCLEVBQUUsZUFBZSxDQUFDOzhCQVFsRCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFJSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgIEJ1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVwiO1xyXG5pbXBvcnQgeyBJY29uTWRDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1tZFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FyZC10aWNrZXQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogWyBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQsIEljb25NZENvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtdGlja2V0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC10aWNrZXQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkVGlja2V0Q29tcG9uZW50IHtcclxuXHJcbiAgaG92ZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgc3RhdGU/OiBzdHJpbmd8IGJvb2xlYW47XHJcbiAgQElucHV0KCkgdGlja2V0SUQ/OiBzdHJpbmcgfCBudW1iZXI7XHJcbiAgQElucHV0KCkgbmFtZT86IHN0cmluZztcclxuICBASW5wdXQoKSBsYWJlbDE/
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aWNrZXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC10aWNrZXQvY2FyZC10aWNrZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FyZC10aWNrZXQvY2FyZC10aWNrZXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUcsOEJBQThCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBU0UsVUFBSyxHQUFZLEtBQUssQ0FBQztRQVdkLGFBQVEsR0FBVyxhQUFhLENBQUM7UUFDakMsY0FBUyxHQUFXLFNBQVMsQ0FBQztRQUk3QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FhakQ7SUFaQyxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVk7UUFDcEIsS0FBSyxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0dBOUJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDRVQ1hoQyw0eURBdUNNLHU0SkRoQ08sOEJBQThCLHNJQUFFLGVBQWU7OzRGQUkvQyxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQLENBQUUsOEJBQThCLEVBQUUsZUFBZSxDQUFDOzhCQVFsRCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFJSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgIEJ1dHRvblNxdWFyZWRUZXJ0aWFyeUNvbXBvbmVudCB9IGZyb20gXCIuLi9idXR0b24tc3F1YXJlZC10ZXJ0aWFyeVwiO1xyXG5pbXBvcnQgeyBJY29uTWRDb21wb25lbnQgfSBmcm9tIFwiLi4vaWNvbi1tZFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FyZC10aWNrZXQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogWyBCdXR0b25TcXVhcmVkVGVydGlhcnlDb21wb25lbnQsIEljb25NZENvbXBvbmVudF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtdGlja2V0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vY2FyZC10aWNrZXQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkVGlja2V0Q29tcG9uZW50IHtcclxuXHJcbiAgaG92ZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgc3RhdGU/OiBzdHJpbmd8IGJvb2xlYW47XHJcbiAgQElucHV0KCkgdGlja2V0SUQ/OiBzdHJpbmcgfCBudW1iZXI7XHJcbiAgQElucHV0KCkgbmFtZT86IHN0cmluZztcclxuICBASW5wdXQoKSBsYWJlbDE/OiBzdHJpbmcgfCBEYXRlO1xyXG4gIEBJbnB1dCgpIGRhdGExPzogc3RyaW5nIHwgRGF0ZTtcclxuICBASW5wdXQoKSBsYWJlbDI/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGF0YTI/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGl0bGVEYXRlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRhdGU/OiBzdHJpbmcgfCBEYXRlO1xyXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgPSAnaWNvbi10aWNrZXQnO1xyXG4gIEBJbnB1dCgpIGljb25Db2xvcjogc3RyaW5nID0gJyMwMjQ1N0YnO1xyXG5cclxuXHJcblxyXG4gIEBPdXRwdXQoKSBvbkNsaWNrQ2FyZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIG9uTW91c2VFbnRlcigpIHtcclxuICAgIHRoaXMuaG92ZXIgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25Nb3VzZUxlYXZlKCkge1xyXG4gICAgdGhpcy5ob3ZlciA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tDYXJkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLm9uQ2xpY2tDYXJkLmVtaXQodGhpcy50aWNrZXRJRCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJnZW5lcmFsLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1jYXJkXCIgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKClcIiAobW91c2VsZWF2ZSk9XCJvbk1vdXNlTGVhdmUoKVwiIChjbGljayk9XCJjbGlja0NhcmQoJGV2ZW50KVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkYXRhXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsZWZ0LWRhdGFcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aXVzLWljb24tbWQgW2NvbG9yXT1cImljb25Db2xvclwiIFtpY29uTmFtZV09XCJpY29uTmFtZVwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLWNvbnRhaW5lci1pbnRlcm5vXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwic3RhdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IHN0YXRlIH19XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkYXRhLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj57eyBsYWJlbDEgfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJkYXRhXCI+e3sgZGF0YTEgfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwibmFtZVwiPnt7IG5hbWUgfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyaWdodC1kYXRhXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj57eyBsYWJlbDIgfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJkYXRhXCI+e3sgZGF0YTIgIH19PC9wPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZURhdGUgfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJkYXRhXCI+e3sgZGF0ZSB9fTwvcD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ0blwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpdXMtYnV0dG9uLXNxdWFyZWQtdGVydGlhcnkgaWNvbk5hbWU9XCJpY29uLWtleWJvYXJkLWFycm93LXJpZ2h0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKGJ1dHRvbkNsaWNrZWQpPVwiY2xpY2tDYXJkKCRldmVudClcIj48L2l1cy1idXR0b24tc3F1YXJlZC10ZXJ0aWFyeT5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -6529,43 +6529,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6529
6529
|
class CalificationComponent {
|
|
6530
6530
|
constructor() {
|
|
6531
6531
|
this.rating = 0;
|
|
6532
|
-
this.comment = '';
|
|
6533
6532
|
this.stars = [1, 2, 3, 4, 5];
|
|
6534
6533
|
}
|
|
6535
6534
|
ngOnChanges() {
|
|
6536
6535
|
if (this.rating == null || isNaN(this.rating))
|
|
6537
6536
|
this.rating = 0;
|
|
6538
6537
|
this.rating = Math.max(0, Math.min(5, Math.round(this.rating)));
|
|
6539
|
-
if (this.comment.length === 0) {
|
|
6540
|
-
switch (this.rating) {
|
|
6541
|
-
case 1:
|
|
6542
|
-
this.comment = 'Muy mala atención';
|
|
6543
|
-
break;
|
|
6544
|
-
case 2:
|
|
6545
|
-
this.comment = 'Mala atención';
|
|
6546
|
-
break;
|
|
6547
|
-
case 3:
|
|
6548
|
-
this.comment = 'Atención regular';
|
|
6549
|
-
break;
|
|
6550
|
-
case 4:
|
|
6551
|
-
this.comment = 'Buena atención';
|
|
6552
|
-
break;
|
|
6553
|
-
case 5:
|
|
6554
|
-
this.comment = 'Excelente atención';
|
|
6555
|
-
break;
|
|
6556
|
-
}
|
|
6557
|
-
}
|
|
6558
6538
|
}
|
|
6559
6539
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6560
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CalificationComponent, isStandalone: true, selector: "ius-calification", inputs: { rating: "rating"
|
|
6540
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CalificationComponent, isStandalone: true, selector: "ius-calification", inputs: { rating: "rating" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"general-container\">\r\n <div class=\"rating\">\r\n <div class=\"stars\" role=\"img\" [attr.aria-label]=\"rating + ' de 5 estrellas'\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" [class.filled]=\"s <= rating\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path\r\n d=\"M12 2.5l2.96 6 6.64.97-4.8 4.68 1.13 6.6L12 17.77 6.07 20.75l1.13-6.6-4.8-4.68 6.64-.97L12 2.5z\" />\r\n </svg>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}:host{--star-size: 25px;--star-gap: 4px;--star-color-filled: #2167FF;--star-color-empty: $neutral-5;--comment-color: #000000;display:block}.rating{font-family:Rubik,sans-serif}.stars{display:flex;align-items:center;gap:var(--star-gap);margin-bottom:6px}.star{width:var(--star-size);height:var(--star-size);fill:var(--star-color-empty)}.star.filled{fill:var(--star-color-filled)}.comment{margin:0;color:var(--comment-color);font-weight:400}\n"] }); }
|
|
6561
6541
|
}
|
|
6562
6542
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalificationComponent, decorators: [{
|
|
6563
6543
|
type: Component,
|
|
6564
|
-
args: [{ selector: 'ius-calification', standalone: true, imports: [], template: "<div class=\"general-container\">\r\n <div class=\"rating\">\r\n <div class=\"stars\" role=\"img\" [attr.aria-label]=\"rating + ' de 5 estrellas'\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" [class.filled]=\"s <= rating\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path\r\n d=\"M12 2.5l2.96 6 6.64.97-4.8 4.68 1.13 6.6L12 17.77 6.07 20.75l1.13-6.6-4.8-4.68 6.64-.97L12 2.5z\" />\r\n </svg>\r\n }\r\n </div>\r\n
|
|
6544
|
+
args: [{ selector: 'ius-calification', standalone: true, imports: [], template: "<div class=\"general-container\">\r\n <div class=\"rating\">\r\n <div class=\"stars\" role=\"img\" [attr.aria-label]=\"rating + ' de 5 estrellas'\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" [class.filled]=\"s <= rating\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path\r\n d=\"M12 2.5l2.96 6 6.64.97-4.8 4.68 1.13 6.6L12 17.77 6.07 20.75l1.13-6.6-4.8-4.68 6.64-.97L12 2.5z\" />\r\n </svg>\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-base-1,.body-base-1-1{font-family:Rubik,sans-serif;font-size:.875rem;font-weight:400;line-height:20px;letter-spacing:.28px}.body-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;letter-spacing:.28px}.body-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:400;line-height:16px;font-style:italic;letter-spacing:.28px}.caption-sm{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;letter-spacing:.28px}.caption-sm-italic{font-family:Rubik,sans-serif;font-size:.75rem;font-weight:500;line-height:16px;font-style:italic;letter-spacing:.28px}.general-container{position:relative}:host{--star-size: 25px;--star-gap: 4px;--star-color-filled: #2167FF;--star-color-empty: $neutral-5;--comment-color: #000000;display:block}.rating{font-family:Rubik,sans-serif}.stars{display:flex;align-items:center;gap:var(--star-gap);margin-bottom:6px}.star{width:var(--star-size);height:var(--star-size);fill:var(--star-color-empty)}.star.filled{fill:var(--star-color-filled)}.comment{margin:0;color:var(--comment-color);font-weight:400}\n"] }]
|
|
6565
6545
|
}], propDecorators: { rating: [{
|
|
6566
6546
|
type: Input
|
|
6567
|
-
}], comment: [{
|
|
6568
|
-
type: Input
|
|
6569
6547
|
}] } });
|
|
6570
6548
|
|
|
6571
6549
|
/**
|