@litigiovirtual/ius-design-components 1.0.175 → 1.0.177
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/button-standard-primary/button-standard-primary.component.mjs +3 -3
- package/esm2022/lib/calification/calification.component.mjs +18 -4
- package/fesm2022/litigiovirtual-ius-design-components.mjs +18 -4
- package/fesm2022/litigiovirtual-ius-design-components.mjs.map +1 -1
- package/lib/calification/calification.component.d.ts +7 -1
- package/package.json +1 -1
|
@@ -13,11 +13,11 @@ export class ButtonStandardPrimaryComponent {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardPrimaryComponent, isStandalone: true, selector: "ius-button-standard-primary", inputs: { disabled: "disabled", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && iconName !== ''){\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n }\r\n <ng-content></ng-content>\r\n</button>", 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}.icon-color{color:#fff}.ius-btn{display:inline-flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#013169;color:#fff;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#08a6db}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
17
17
|
}
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardPrimaryComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'ius-button-standard-primary', standalone: true, imports: [IconLgComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n <ng-content></ng-content>\r\n</button
|
|
20
|
+
args: [{ selector: 'ius-button-standard-primary', standalone: true, imports: [IconLgComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && iconName !== ''){\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n }\r\n <ng-content></ng-content>\r\n</button>", 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}.icon-color{color:#fff}.ius-btn{display:inline-flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#013169;color:#fff;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#08a6db}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
21
21
|
}], propDecorators: { disabled: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], iconName: [{
|
|
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
25
25
|
}], buttonClicked: [{
|
|
26
26
|
type: Output
|
|
27
27
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXN0YW5kYXJkLXByaW1hcnkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLXN0YW5kYXJkLXByaW1hcnkvYnV0dG9uLXN0YW5kYXJkLXByaW1hcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uLXN0YW5kYXJkLXByaW1hcnkvYnV0dG9uLXN0YW5kYXJkLXByaW1hcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBUy9ELE1BQU0sT0FBTyw4QkFBOEI7SUFQM0M7UUFTVyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDYixrQkFBYSxHQUF3QixJQUFJLFlBQVksRUFBRSxDQUFDO0tBU25FO0lBUEMsT0FBTyxDQUFDLEtBQVk7UUFDbEIsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDOytHQVZVLDhCQUE4QjttR0FBOUIsOEJBQThCLDRMQ1YzQyxnUUFLUywrL0REQ0csZUFBZTs7NEZBSWQsOEJBQThCO2tCQVAxQyxTQUFTOytCQUNFLDZCQUE2QixjQUMzQixJQUFJLFdBQ1AsQ0FBQyxlQUFlLENBQUM7OEJBTWpCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbkxnQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24tbGcvaWNvbi1sZy5jb21wb25lbnRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaXVzLWJ1dHRvbi1zdGFuZGFyZC1wcmltYXJ5JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtJY29uTGdDb21wb25lbnRdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24tc3RhbmRhcmQtcHJpbWFyeS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2J1dHRvbi1zdGFuZGFyZC1wcmltYXJ5LmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uU3RhbmRhcmRQcmltYXJ5Q29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBpY29uTmFtZSA9ICcnO1xyXG4gIEBPdXRwdXQoKSBidXR0b25DbGlja2VkOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBvbkNsaWNrKGV2ZW50OiBFdmVudCkge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQgPT0gZmFsc2UpIHtcclxuICAgICAgdGhpcy5idXR0b25DbGlja2VkLmVtaXQoZXZlbnQpO1xyXG4gICAgfVxyXG4gIH1cclxuICBcclxuXHJcbn1cclxuIiwiPGJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCIgY2xhc3M9XCJpdXMtYnRuXCI+XHJcbiAgICBAaWYoaWNvbk5hbWUgJiYgaWNvbk5hbWUgIT09ICcnKXtcclxuICAgIDxpdXMtaWNvbi1sZyBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiBjbGFzcz1cImljb24tY29sb3JcIj48L2l1cy1pY29uLWxnPlxyXG4gICAgfVxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2J1dHRvbj4iXX0=
|
|
@@ -1,22 +1,36 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class CalificationComponent {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.rating = 0;
|
|
6
|
+
this.ratingChange = new EventEmitter();
|
|
6
7
|
this.stars = [1, 2, 3, 4, 5];
|
|
8
|
+
this.hoveredRating = 0;
|
|
7
9
|
}
|
|
8
10
|
ngOnChanges() {
|
|
9
11
|
if (this.rating == null || isNaN(this.rating))
|
|
10
12
|
this.rating = 0;
|
|
11
13
|
this.rating = Math.max(0, Math.min(5, Math.round(this.rating)));
|
|
12
14
|
}
|
|
15
|
+
onStarHover(star) {
|
|
16
|
+
this.hoveredRating = star;
|
|
17
|
+
}
|
|
18
|
+
onMouseLeave() {
|
|
19
|
+
this.hoveredRating = 0;
|
|
20
|
+
}
|
|
21
|
+
onStarClick(star) {
|
|
22
|
+
this.rating = star;
|
|
23
|
+
this.ratingChange.emit(this.rating);
|
|
24
|
+
}
|
|
13
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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"] }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CalificationComponent, isStandalone: true, selector: "ius-calification", inputs: { rating: "rating" }, outputs: { ratingChange: "ratingChange" }, 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'\" (mouseleave)=\"onMouseLeave()\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" \r\n [class.filled]=\"s <= rating\" \r\n [class.hovered]=\"s <= hoveredRating\"\r\n (mouseenter)=\"onStarHover(s)\"\r\n (click)=\"onStarClick(s)\"\r\n viewBox=\"0 0 24 24\" \r\n 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);cursor:pointer;transition:fill .2s ease}.star.filled{fill:var(--star-color-filled)}.star.hovered{fill:#79acff}.comment{margin:0;color:var(--comment-color);font-weight:400}\n"] }); }
|
|
15
27
|
}
|
|
16
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalificationComponent, decorators: [{
|
|
17
29
|
type: Component,
|
|
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"] }]
|
|
30
|
+
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'\" (mouseleave)=\"onMouseLeave()\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" \r\n [class.filled]=\"s <= rating\" \r\n [class.hovered]=\"s <= hoveredRating\"\r\n (mouseenter)=\"onStarHover(s)\"\r\n (click)=\"onStarClick(s)\"\r\n viewBox=\"0 0 24 24\" \r\n 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);cursor:pointer;transition:fill .2s ease}.star.filled{fill:var(--star-color-filled)}.star.hovered{fill:#79acff}.comment{margin:0;color:var(--comment-color);font-weight:400}\n"] }]
|
|
19
31
|
}], propDecorators: { rating: [{
|
|
20
32
|
type: Input
|
|
33
|
+
}], ratingChange: [{
|
|
34
|
+
type: Output
|
|
21
35
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsaWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2l1cy1kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2NhbGlmaWNhdGlvbi9jYWxpZmljYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvY2FsaWZpY2F0aW9uL2NhbGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVN2RSxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBU1csV0FBTSxHQUFXLENBQUMsQ0FBQztRQUNsQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFcEQsVUFBSyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3hCLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO0tBbUIzQjtJQWpCQyxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQWEsQ0FBQztZQUFFLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ3RFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztJQUM1QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBWTtRQUN0QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdEMsQ0FBQzsrR0F4QlUscUJBQXFCO21HQUFyQixxQkFBcUIsMEtDVGxDLGk2QkFtQkE7OzRGRFZhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLEVBQUU7OEJBTUYsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtY2FsaWZpY2F0aW9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxpZmljYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9jYWxpZmljYXRpb24uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYWxpZmljYXRpb25Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSByYXRpbmc6IG51bWJlciA9IDA7XHJcbiAgQE91dHB1dCgpIHJhdGluZ0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICBzdGFycyA9IFsxLCAyLCAzLCA0LCA1XTtcclxuICBob3ZlcmVkUmF0aW5nOiBudW1iZXIgPSAwO1xyXG5cclxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnJhdGluZyA9PSBudWxsIHx8IGlzTmFOKHRoaXMucmF0aW5nIGFzIGFueSkpIHRoaXMucmF0aW5nID0gMDtcclxuICAgIHRoaXMucmF0aW5nID0gTWF0aC5tYXgoMCwgTWF0aC5taW4oNSwgTWF0aC5yb3VuZCh0aGlzLnJhdGluZykpKTtcclxuICB9XHJcblxyXG4gIG9uU3RhckhvdmVyKHN0YXI6IG51bWJlcik6IHZvaWQge1xyXG4gICAgdGhpcy5ob3ZlcmVkUmF0aW5nID0gc3RhcjtcclxuICB9XHJcblxyXG4gIG9uTW91c2VMZWF2ZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuaG92ZXJlZFJhdGluZyA9IDA7XHJcbiAgfVxyXG5cclxuICBvblN0YXJDbGljayhzdGFyOiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMucmF0aW5nID0gc3RhcjtcclxuICAgIHRoaXMucmF0aW5nQ2hhbmdlLmVtaXQodGhpcy5yYXRpbmcpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ2VuZXJhbC1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyYXRpbmdcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGFyc1wiIHJvbGU9XCJpbWdcIiBbYXR0ci5hcmlhLWxhYmVsXT1cInJhdGluZyArICcgZGUgNSBlc3RyZWxsYXMnXCIgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKClcIj5cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgQGZvciAocyBvZiBzdGFyczsgdHJhY2sgcykge1xyXG4gICAgICAgICAgICAgICAgICAgIDxzdmcgY2xhc3M9XCJzdGFyXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZmlsbGVkXT1cInMgPD0gcmF0aW5nXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuaG92ZXJlZF09XCJzIDw9IGhvdmVyZWRSYXRpbmdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgKG1vdXNlZW50ZXIpPVwib25TdGFySG92ZXIocylcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uU3RhckNsaWNrKHMpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk0xMiAyLjVsMi45NiA2IDYuNjQuOTctNC44IDQuNjggMS4xMyA2LjZMMTIgMTcuNzcgNi4wNyAyMC43NWwxLjEzLTYuNi00LjgtNC42OCA2LjY0LS45N0wxMiAyLjV6XCIgLz5cclxuICAgICAgICAgICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -1174,11 +1174,11 @@ class ButtonStandardPrimaryComponent {
|
|
|
1174
1174
|
}
|
|
1175
1175
|
}
|
|
1176
1176
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardPrimaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1177
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ButtonStandardPrimaryComponent, isStandalone: true, selector: "ius-button-standard-primary", inputs: { disabled: "disabled", iconName: "iconName" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && iconName !== ''){\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n }\r\n <ng-content></ng-content>\r\n</button>", 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}.icon-color{color:#fff}.ius-btn{display:inline-flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#013169;color:#fff;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#08a6db}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"], dependencies: [{ kind: "component", type: IconLgComponent, selector: "ius-icon-lg", inputs: ["iconName", "color"] }] }); }
|
|
1178
1178
|
}
|
|
1179
1179
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonStandardPrimaryComponent, decorators: [{
|
|
1180
1180
|
type: Component,
|
|
1181
|
-
args: [{ selector: 'ius-button-standard-primary', standalone: true, imports: [IconLgComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n <ng-content></ng-content>\r\n</button
|
|
1181
|
+
args: [{ selector: 'ius-button-standard-primary', standalone: true, imports: [IconLgComponent], template: "<button [disabled]=\"disabled\" (click)=\"onClick($event)\" class=\"ius-btn\">\r\n @if(iconName && iconName !== ''){\r\n <ius-icon-lg [iconName]=\"iconName\" class=\"icon-color\"></ius-icon-lg>\r\n }\r\n <ng-content></ng-content>\r\n</button>", 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}.icon-color{color:#fff}.ius-btn{display:inline-flex;padding:12px 24px;justify-content:center;align-items:center;gap:4px;border-radius:14px;background-color:#013169;color:#fff;border:none;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;line-height:22px}.ius-btn:hover:not(:disabled){background-color:#08a6db}.ius-btn:active:not(:disabled){background-color:#0581bc}.ius-btn:disabled{color:#bfbfbf;background-color:#f5f5f5;cursor:not-allowed}.ius-btn:disabled .icon-color{color:#bfbfbf}\n"] }]
|
|
1182
1182
|
}], propDecorators: { disabled: [{
|
|
1183
1183
|
type: Input
|
|
1184
1184
|
}], iconName: [{
|
|
@@ -6633,21 +6633,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6633
6633
|
class CalificationComponent {
|
|
6634
6634
|
constructor() {
|
|
6635
6635
|
this.rating = 0;
|
|
6636
|
+
this.ratingChange = new EventEmitter();
|
|
6636
6637
|
this.stars = [1, 2, 3, 4, 5];
|
|
6638
|
+
this.hoveredRating = 0;
|
|
6637
6639
|
}
|
|
6638
6640
|
ngOnChanges() {
|
|
6639
6641
|
if (this.rating == null || isNaN(this.rating))
|
|
6640
6642
|
this.rating = 0;
|
|
6641
6643
|
this.rating = Math.max(0, Math.min(5, Math.round(this.rating)));
|
|
6642
6644
|
}
|
|
6645
|
+
onStarHover(star) {
|
|
6646
|
+
this.hoveredRating = star;
|
|
6647
|
+
}
|
|
6648
|
+
onMouseLeave() {
|
|
6649
|
+
this.hoveredRating = 0;
|
|
6650
|
+
}
|
|
6651
|
+
onStarClick(star) {
|
|
6652
|
+
this.rating = star;
|
|
6653
|
+
this.ratingChange.emit(this.rating);
|
|
6654
|
+
}
|
|
6643
6655
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6644
|
-
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"] }); }
|
|
6656
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CalificationComponent, isStandalone: true, selector: "ius-calification", inputs: { rating: "rating" }, outputs: { ratingChange: "ratingChange" }, 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'\" (mouseleave)=\"onMouseLeave()\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" \r\n [class.filled]=\"s <= rating\" \r\n [class.hovered]=\"s <= hoveredRating\"\r\n (mouseenter)=\"onStarHover(s)\"\r\n (click)=\"onStarClick(s)\"\r\n viewBox=\"0 0 24 24\" \r\n 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);cursor:pointer;transition:fill .2s ease}.star.filled{fill:var(--star-color-filled)}.star.hovered{fill:#79acff}.comment{margin:0;color:var(--comment-color);font-weight:400}\n"] }); }
|
|
6645
6657
|
}
|
|
6646
6658
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CalificationComponent, decorators: [{
|
|
6647
6659
|
type: Component,
|
|
6648
|
-
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"] }]
|
|
6660
|
+
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'\" (mouseleave)=\"onMouseLeave()\">\r\n\r\n @for (s of stars; track s) {\r\n <svg class=\"star\" \r\n [class.filled]=\"s <= rating\" \r\n [class.hovered]=\"s <= hoveredRating\"\r\n (mouseenter)=\"onStarHover(s)\"\r\n (click)=\"onStarClick(s)\"\r\n viewBox=\"0 0 24 24\" \r\n 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);cursor:pointer;transition:fill .2s ease}.star.filled{fill:var(--star-color-filled)}.star.hovered{fill:#79acff}.comment{margin:0;color:var(--comment-color);font-weight:400}\n"] }]
|
|
6649
6661
|
}], propDecorators: { rating: [{
|
|
6650
6662
|
type: Input
|
|
6663
|
+
}], ratingChange: [{
|
|
6664
|
+
type: Output
|
|
6651
6665
|
}] } });
|
|
6652
6666
|
|
|
6653
6667
|
class AlertComponent {
|