@rededor/site-front-end-lib 0.0.55 → 0.0.57
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/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs +9 -5
- package/fesm2022/rededor-site-front-end-lib.mjs +8 -4
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.d.ts +3 -2
- package/package.json +1 -1
package/esm2022/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs
CHANGED
|
@@ -3,24 +3,28 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class FilterLetterAndTermsComponent {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.options = [];
|
|
6
|
-
this.
|
|
6
|
+
this.baseUrl = '';
|
|
7
|
+
this.selectedOption = '';
|
|
7
8
|
this.optionSelected = new EventEmitter();
|
|
8
9
|
}
|
|
9
|
-
selectOption(option) {
|
|
10
|
+
selectOption(option, event) {
|
|
11
|
+
event.preventDefault();
|
|
10
12
|
this.selectedOption = option;
|
|
11
13
|
this.optionSelected.emit(option);
|
|
12
14
|
}
|
|
13
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: "options", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === '
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: "options", baseUrl: "baseUrl", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === ''\"\n [attr.href]=\"baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </cura-button>\n\n @for (option of options; track option) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"neutral-dark\"\n background=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === option\"\n [attr.href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </cura-button>\n }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 0;gap:12px;flex-wrap:wrap;overflow-x:auto}@media only screen and (max-width: 992px){.filter-letter-and-terms{flex-wrap:nowrap;overflow-x:auto;row-gap:12px}}\n"] }); }
|
|
15
17
|
}
|
|
16
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
17
19
|
type: Component,
|
|
18
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === '
|
|
20
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === ''\"\n [attr.href]=\"baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </cura-button>\n\n @for (option of options; track option) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"neutral-dark\"\n background=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === option\"\n [attr.href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </cura-button>\n }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 0;gap:12px;flex-wrap:wrap;overflow-x:auto}@media only screen and (max-width: 992px){.filter-letter-and-terms{flex-wrap:nowrap;overflow-x:auto;row-gap:12px}}\n"] }]
|
|
19
21
|
}], propDecorators: { options: [{
|
|
20
22
|
type: Input
|
|
23
|
+
}], baseUrl: [{
|
|
24
|
+
type: Input
|
|
21
25
|
}], selectedOption: [{
|
|
22
26
|
type: Input
|
|
23
27
|
}], optionSelected: [{
|
|
24
28
|
type: Output
|
|
25
29
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxldHRlci1hbmQtdGVybXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ZpbHRlci1sZXR0ZXItYW5kLXRlcm1zL2ZpbHRlci1sZXR0ZXItYW5kLXRlcm1zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVS9GLE1BQU0sT0FBTyw2QkFBNkI7SUFSMUM7UUFTVyxZQUFPLEdBQWEsRUFBRSxDQUFDO1FBQ3ZCLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDckIsbUJBQWMsR0FBVyxFQUFFLENBQUM7UUFDM0IsbUJBQWMsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQU83RTtJQUxDLFlBQVksQ0FBQyxNQUFjLEVBQUUsS0FBWTtRQUN2QyxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxNQUFNLENBQUM7UUFDN0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0FWVSw2QkFBNkI7bUdBQTdCLDZCQUE2QiwrTkNWMUMsazVCQW1DQTs7NEZEekJhLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FDOUIsSUFBSSxXQUNQLEVBQUUsV0FDRixDQUFDLHNCQUFzQixDQUFDOzhCQUt4QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0ksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jkc2l0ZS1maWx0ZXItbGV0dGVyLWFuZC10ZXJtcycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEZpbHRlckxldHRlckFuZFRlcm1zQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb3B0aW9uczogc3RyaW5nW10gPSBbXTtcbiAgQElucHV0KCkgYmFzZVVybDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHNlbGVjdGVkT3B0aW9uOiBzdHJpbmcgPSAnJztcbiAgQE91dHB1dCgpIG9wdGlvblNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIHNlbGVjdE9wdGlvbihvcHRpb246IHN0cmluZywgZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB0aGlzLnNlbGVjdGVkT3B0aW9uID0gb3B0aW9uO1xuICAgIHRoaXMub3B0aW9uU2VsZWN0ZWQuZW1pdChvcHRpb24pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmlsdGVyLWxldHRlci1hbmQtdGVybXNcIj5cbiAgPGN1cmEtYnV0dG9uXG4gICAgc2l6ZT1cInNtYWxsXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgIGZvbnQtY29sb3I9XCJsaWdodFwiXG4gICAgdGFyZ2V0PVwiX3NlbGZcIlxuICAgIHRleHQtYWxpZ249XCJjZW50ZXJcIlxuICAgIGp1c3RpZnk9XCJ0cnVlXCJcbiAgICBjbGFzcz1cImZpbHRlci1idG5cIlxuICAgIFtjbGFzcy5hY3RpdmVdPVwic2VsZWN0ZWRPcHRpb24gPT09ICcnXCJcbiAgICBbYXR0ci5ocmVmXT1cImJhc2VVcmwgPyBiYXNlVXJsIDogJyMnXCJcbiAgICAoY2xpY2spPVwic2VsZWN0T3B0aW9uKCcnLCAkZXZlbnQpXCJcbiAgPlxuICAgIFRPREFTXG4gIDwvY3VyYS1idXR0b24+XG5cbiAgQGZvciAob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbikge1xuICAgIDxjdXJhLWJ1dHRvblxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY29sb3I9XCJuZXV0cmFsLWRhcmtcIlxuICAgICAgYmFja2dyb3VuZD1cImRhcmtcIlxuICAgICAgdGFyZ2V0PVwiX3NlbGZcIlxuICAgICAgdGV4dC1hbGlnbj1cImNlbnRlclwiXG4gICAgICBqdXN0aWZ5PVwidHJ1ZVwiXG4gICAgICBjbGFzcz1cImZpbHRlci1idG5cIlxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJzZWxlY3RlZE9wdGlvbiA9PT0gb3B0aW9uXCJcbiAgICAgIFthdHRyLmhyZWZdPVwiYmFzZVVybCA/IGJhc2VVcmwgKyBvcHRpb24udG9Mb3dlckNhc2UoKSA6ICcjJ1wiXG4gICAgICAoY2xpY2spPVwic2VsZWN0T3B0aW9uKG9wdGlvbiwgJGV2ZW50KVwiXG4gICAgPlxuICAgICAge3sgb3B0aW9uIH19XG4gICAgPC9jdXJhLWJ1dHRvbj5cbiAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -19142,21 +19142,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19142
19142
|
class FilterLetterAndTermsComponent {
|
|
19143
19143
|
constructor() {
|
|
19144
19144
|
this.options = [];
|
|
19145
|
-
this.
|
|
19145
|
+
this.baseUrl = '';
|
|
19146
|
+
this.selectedOption = '';
|
|
19146
19147
|
this.optionSelected = new EventEmitter();
|
|
19147
19148
|
}
|
|
19148
|
-
selectOption(option) {
|
|
19149
|
+
selectOption(option, event) {
|
|
19150
|
+
event.preventDefault();
|
|
19149
19151
|
this.selectedOption = option;
|
|
19150
19152
|
this.optionSelected.emit(option);
|
|
19151
19153
|
}
|
|
19152
19154
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19153
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: "options", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === '
|
|
19155
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: "options", baseUrl: "baseUrl", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === ''\"\n [attr.href]=\"baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </cura-button>\n\n @for (option of options; track option) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"neutral-dark\"\n background=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === option\"\n [attr.href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </cura-button>\n }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 0;gap:12px;flex-wrap:wrap;overflow-x:auto}@media only screen and (max-width: 992px){.filter-letter-and-terms{flex-wrap:nowrap;overflow-x:auto;row-gap:12px}}\n"] }); }
|
|
19154
19156
|
}
|
|
19155
19157
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
19156
19158
|
type: Component,
|
|
19157
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === '
|
|
19159
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === ''\"\n [attr.href]=\"baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </cura-button>\n\n @for (option of options; track option) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"neutral-dark\"\n background=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === option\"\n [attr.href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </cura-button>\n }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 0;gap:12px;flex-wrap:wrap;overflow-x:auto}@media only screen and (max-width: 992px){.filter-letter-and-terms{flex-wrap:nowrap;overflow-x:auto;row-gap:12px}}\n"] }]
|
|
19158
19160
|
}], propDecorators: { options: [{
|
|
19159
19161
|
type: Input
|
|
19162
|
+
}], baseUrl: [{
|
|
19163
|
+
type: Input
|
|
19160
19164
|
}], selectedOption: [{
|
|
19161
19165
|
type: Input
|
|
19162
19166
|
}], optionSelected: [{
|