@rededor/site-front-end-lib 1.1.2 → 1.1.3
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 +6 -22
- package/fesm2022/rededor-site-front-end-lib.mjs +5 -21
- 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 +2 -6
- package/package.json +1 -1
package/esm2022/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs
CHANGED
|
@@ -14,14 +14,6 @@ export class FilterLetterAndTermsComponent {
|
|
|
14
14
|
get selectedOption() {
|
|
15
15
|
return this._selectedOption;
|
|
16
16
|
}
|
|
17
|
-
set hoveredOption(value) {
|
|
18
|
-
if (this._hoveredOption === value)
|
|
19
|
-
return;
|
|
20
|
-
this._hoveredOption = value;
|
|
21
|
-
}
|
|
22
|
-
get hoveredOption() {
|
|
23
|
-
return this._selectedOption;
|
|
24
|
-
}
|
|
25
17
|
get style() {
|
|
26
18
|
return {
|
|
27
19
|
'--font-family': this.curaService.getFontFamily(''),
|
|
@@ -39,12 +31,11 @@ export class FilterLetterAndTermsComponent {
|
|
|
39
31
|
this.platformId = platformId;
|
|
40
32
|
this.options = [];
|
|
41
33
|
this.baseUrl = '';
|
|
34
|
+
this.baseUrlAll = '';
|
|
42
35
|
this.enableScroll = false;
|
|
43
36
|
this.isFirstScroll = true;
|
|
44
37
|
this._selectedOption = '';
|
|
45
|
-
this._hoveredOption = '';
|
|
46
38
|
this.optionSelected = new EventEmitter();
|
|
47
|
-
this.optionHovered = new EventEmitter();
|
|
48
39
|
}
|
|
49
40
|
ngAfterViewInit() {
|
|
50
41
|
if (this.selectedOption) {
|
|
@@ -57,11 +48,6 @@ export class FilterLetterAndTermsComponent {
|
|
|
57
48
|
this.selectedOption = option;
|
|
58
49
|
this.optionSelected.emit(option);
|
|
59
50
|
}
|
|
60
|
-
hoverOption(option, event) {
|
|
61
|
-
event.preventDefault();
|
|
62
|
-
this.hoveredOption = option;
|
|
63
|
-
this.optionHovered.emit(option);
|
|
64
|
-
}
|
|
65
51
|
scrollToSelectedOption(value) {
|
|
66
52
|
if (isPlatformBrowser(this.platformId)) {
|
|
67
53
|
const elementId = value || 'todas';
|
|
@@ -76,11 +62,11 @@ export class FilterLetterAndTermsComponent {
|
|
|
76
62
|
}
|
|
77
63
|
}
|
|
78
64
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [{ token: i1.CuraService }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
79
|
-
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",
|
|
65
|
+
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", baseUrlAll: "baseUrlAll", enableScroll: "enableScroll", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </a>\n\n @for (option of options; track option) {\n <a\n [id]=\"option\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === option\"\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </a>\n }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-black);font-family:var(--font-family);font-size:12px;border:2px solid var(--color-one-darker);border-radius:4px;background-color:var(--neutral-purewhite);transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-light)}.filter-letter-and-terms .filter-option:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:hover{background-color:var(--color-one-dark)}\n"] }); }
|
|
80
66
|
}
|
|
81
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
82
68
|
type: Component,
|
|
83
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrl ? baseUrl : '#'\"\n (
|
|
69
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </a>\n\n @for (option of options; track option) {\n <a\n [id]=\"option\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === option\"\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </a>\n }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-black);font-family:var(--font-family);font-size:12px;border:2px solid var(--color-one-darker);border-radius:4px;background-color:var(--neutral-purewhite);transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-light)}.filter-letter-and-terms .filter-option:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:hover{background-color:var(--color-one-dark)}\n"] }]
|
|
84
70
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: Document, decorators: [{
|
|
85
71
|
type: Inject,
|
|
86
72
|
args: [DOCUMENT]
|
|
@@ -91,18 +77,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
91
77
|
type: Input
|
|
92
78
|
}], baseUrl: [{
|
|
93
79
|
type: Input
|
|
80
|
+
}], baseUrlAll: [{
|
|
81
|
+
type: Input
|
|
94
82
|
}], enableScroll: [{
|
|
95
83
|
type: Input
|
|
96
84
|
}], selectedOption: [{
|
|
97
85
|
type: Input
|
|
98
|
-
}], hoveredOption: [{
|
|
99
|
-
type: Input
|
|
100
86
|
}], optionSelected: [{
|
|
101
87
|
type: Output
|
|
102
|
-
}], optionHovered: [{
|
|
103
|
-
type: Output
|
|
104
88
|
}], style: [{
|
|
105
89
|
type: HostBinding,
|
|
106
90
|
args: ['style']
|
|
107
91
|
}] } });
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxldHRlci1hbmQtdGVybXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ZpbHRlci1sZXR0ZXItYW5kLXRlcm1zL2ZpbHRlci1sZXR0ZXItYW5kLXRlcm1zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLHNCQUFzQixFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWhKLE9BQU8sRUFBRSxRQUFRLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVTlELE1BQU0sT0FBTyw2QkFBNkI7SUFReEMsSUFDSSxjQUFjLENBQUMsS0FBYTtRQUM5QixJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssS0FBSztZQUFFLE9BQU87UUFDM0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDN0IsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzdDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQyxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUlELElBQTBCLEtBQUs7UUFDN0IsT0FBTztZQUNMLGVBQWUsRUFBRSxJQUFJLENB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c0JBQXZCLE1BQU07Z0JBRW1CLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5qZWN0LCBJbnB1dCwgT3V0cHV0LCBQTEFURk9STV9JRCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBET0NVTUVOVCwgaXNQbGF0Zm9ybUJyb3dzZXIgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyZHNpdGUtZmlsdGVyLWxldHRlci1hbmQtdGVybXMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLWxldHRlci1hbmQtdGVybXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZmlsdGVyLWxldHRlci1hbmQtdGVybXMuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBGaWx0ZXJMZXR0ZXJBbmRUZXJtc0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBvcHRpb25zOiBzdHJpbmdbXSA9IFtdO1xuICBASW5wdXQoKSBiYXNlVXJsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgYmFzZVVybEFsbDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGVuYWJsZVNjcm9sbCA9IGZhbHNlO1xuICBwcml2YXRlIGlzRmlyc3RTY3JvbGwgPSB0cnVlO1xuICBwcml2YXRlIF9zZWxlY3RlZE9wdGlvbjogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KClcbiAgc2V0IHNlbGVjdGVkT3B0aW9uKHZhbHVlOiBzdHJpbmcpIHtcbiAgICBpZiAodGhpcy5fc2VsZWN0ZWRPcHRpb24gPT09IHZhbHVlKSByZXR1cm47XG4gICAgdGhpcy5fc2VsZWN0ZWRPcHRpb24gPSB2YWx1ZTtcbiAgICBpZiAodGhpcy5lbmFibGVTY3JvbGwgJiYgIXRoaXMuaXNGaXJzdFNjcm9sbCkge1xuICAgICAgdGhpcy5zY3JvbGxUb1NlbGVjdGVkT3B0aW9uKHZhbHVlKTtcbiAgICB9XG4gIH1cblxuICBnZXQgc2VsZWN0ZWRPcHRpb24oKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWRPcHRpb247XG4gIH1cblxuICBAT3V0cHV0KCkgb3B0aW9uU2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIGdldCBzdHlsZSgpIHtcbiAgICByZXR1cm4ge1xuICAgICAgJy0tZm9udC1mYW1pbHknOiB0aGlzLmN1cmFTZXJ2aWNlLmdldEZvbnRGYW1pbHkoJycpLFxuICAgICAgJy0tbmV1dHJhbC1wdXJld2hpdGUnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLXB1cmV3aGl0ZScpLFxuICAgICAgJy0tbmV1dHJhbC1ibGFjayc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ25ldXRyYWwtYmxhY2snKSxcbiAgICAgICctLWNvbG9yLW9uZS1saWdodCc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnktbGlnaHQnKSxcbiAgICAgICctLWNvbG9yLW9uZS1iYXNlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcigncHJpbWFyeS1iYXNlJyksXG4gICAgICAnLS1jb2xvci1vbmUtZGFyayc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnktZGFyaycpLFxuICAgICAgJy0tY29sb3Itb25lLWRhcmtlcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnktZGFya2VyJyksXG4gICAgfTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcmVhZG9ubHkgY3VyYVNlcnZpY2U6IEN1cmFTZXJ2aWNlLFxuICAgIEBJbmplY3QoRE9DVU1FTlQpIHByaXZhdGUgZG9jdW1lbnQ6IERvY3VtZW50LFxuICAgIEBJbmplY3QoUExBVEZPUk1fSUQpIHByaXZhdGUgcmVhZG9ubHkgcGxhdGZvcm1JZDogb2JqZWN0LFxuICApIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkT3B0aW9uKSB7XG4gICAgICB0aGlzLnNjcm9sbFRvU2VsZWN0ZWRPcHRpb24odGhpcy5zZWxlY3RlZE9wdGlvbik7XG4gICAgICB0aGlzLmlzRmlyc3RTY3JvbGwgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3RPcHRpb24ob3B0aW9uOiBzdHJpbmcsIGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgdGhpcy5zZWxlY3RlZE9wdGlvbiA9IG9wdGlvbjtcbiAgICB0aGlzLm9wdGlvblNlbGVjdGVkLmVtaXQob3B0aW9uKTtcbiAgfVxuXG4gIHNjcm9sbFRvU2VsZWN0ZWRPcHRpb24odmFsdWU6IHN0cmluZykge1xuICAgIGlmIChpc1BsYXRmb3JtQnJvd3Nlcih0aGlzLnBsYXRmb3JtSWQpKSB7XG4gICAgICBjb25zdCBlbGVtZW50SWQgPSB2YWx1ZSB8fCAndG9kYXMnO1xuICAgICAgY29uc3Qgc2VsZWN0ZWRFbGVtZW50ID0gZWxlbWVudElkID09PSAndG9kYXMnID8gdGhpcy5kb2N1bWVudC5nZXRFbGVtZW50QnlJZCgndG9kYXMnKSA6IHRoaXMuZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodmFsdWUpO1xuICAgICAgaWYgKHNlbGVjdGVkRWxlbWVudCkge1xuICAgICAgICBzZWxlY3RlZEVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgICBpbmxpbmU6ICdjZW50ZXInLFxuICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZpbHRlci1sZXR0ZXItYW5kLXRlcm1zXCI+XG4gIDxhXG4gICAgaWQ9XCJ0b2Rhc1wiXG4gICAgcmRzaXRlbGlua1xuICAgIGNsYXNzPVwiZmlsdGVyLW9wdGlvblwiXG4gICAgW2NsYXNzLnNlbGVjdGVkXT1cInNlbGVjdGVkT3B0aW9uID09PSAnJ1wiXG4gICAgW2hyZWZdPVwiYmFzZVVybEFsbCA/IGJhc2VVcmxBbGwgOiBiYXNlVXJsID8gYmFzZVVybCA6ICcjJ1wiXG4gICAgKGNsaWNrKT1cInNlbGVjdE9wdGlvbignJywgJGV2ZW50KVwiXG4gID5cbiAgICBUT0RBU1xuICA8L2E+XG5cbiAgQGZvciAob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbikge1xuICAgIDxhXG4gICAgICBbaWRdPVwib3B0aW9uXCJcbiAgICAgIHJkc2l0ZWxpbmtcbiAgICAgIGNsYXNzPVwiZmlsdGVyLW9wdGlvblwiXG4gICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwic2VsZWN0ZWRPcHRpb24gPT09IG9wdGlvblwiXG4gICAgICBbaHJlZl09XCJiYXNlVXJsID8gYmFzZVVybCArIG9wdGlvbi50b0xvd2VyQ2FzZSgpIDogJyMnXCJcbiAgICAgIChjbGljayk9XCJzZWxlY3RPcHRpb24ob3B0aW9uLCAkZXZlbnQpXCJcbiAgICA+XG4gICAgICB7eyBvcHRpb24gfX1cbiAgICA8L2E+XG4gIH1cbjwvZGl2PlxuIl19
|
|
@@ -3879,14 +3879,6 @@ class FilterLetterAndTermsComponent {
|
|
|
3879
3879
|
get selectedOption() {
|
|
3880
3880
|
return this._selectedOption;
|
|
3881
3881
|
}
|
|
3882
|
-
set hoveredOption(value) {
|
|
3883
|
-
if (this._hoveredOption === value)
|
|
3884
|
-
return;
|
|
3885
|
-
this._hoveredOption = value;
|
|
3886
|
-
}
|
|
3887
|
-
get hoveredOption() {
|
|
3888
|
-
return this._selectedOption;
|
|
3889
|
-
}
|
|
3890
3882
|
get style() {
|
|
3891
3883
|
return {
|
|
3892
3884
|
'--font-family': this.curaService.getFontFamily(''),
|
|
@@ -3904,12 +3896,11 @@ class FilterLetterAndTermsComponent {
|
|
|
3904
3896
|
this.platformId = platformId;
|
|
3905
3897
|
this.options = [];
|
|
3906
3898
|
this.baseUrl = '';
|
|
3899
|
+
this.baseUrlAll = '';
|
|
3907
3900
|
this.enableScroll = false;
|
|
3908
3901
|
this.isFirstScroll = true;
|
|
3909
3902
|
this._selectedOption = '';
|
|
3910
|
-
this._hoveredOption = '';
|
|
3911
3903
|
this.optionSelected = new EventEmitter();
|
|
3912
|
-
this.optionHovered = new EventEmitter();
|
|
3913
3904
|
}
|
|
3914
3905
|
ngAfterViewInit() {
|
|
3915
3906
|
if (this.selectedOption) {
|
|
@@ -3922,11 +3913,6 @@ class FilterLetterAndTermsComponent {
|
|
|
3922
3913
|
this.selectedOption = option;
|
|
3923
3914
|
this.optionSelected.emit(option);
|
|
3924
3915
|
}
|
|
3925
|
-
hoverOption(option, event) {
|
|
3926
|
-
event.preventDefault();
|
|
3927
|
-
this.hoveredOption = option;
|
|
3928
|
-
this.optionHovered.emit(option);
|
|
3929
|
-
}
|
|
3930
3916
|
scrollToSelectedOption(value) {
|
|
3931
3917
|
if (isPlatformBrowser(this.platformId)) {
|
|
3932
3918
|
const elementId = value || 'todas';
|
|
@@ -3941,11 +3927,11 @@ class FilterLetterAndTermsComponent {
|
|
|
3941
3927
|
}
|
|
3942
3928
|
}
|
|
3943
3929
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [{ token: CuraService }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3944
|
-
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",
|
|
3930
|
+
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", baseUrlAll: "baseUrlAll", enableScroll: "enableScroll", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </a>\n\n @for (option of options; track option) {\n <a\n [id]=\"option\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === option\"\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </a>\n }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-black);font-family:var(--font-family);font-size:12px;border:2px solid var(--color-one-darker);border-radius:4px;background-color:var(--neutral-purewhite);transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-light)}.filter-letter-and-terms .filter-option:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:hover{background-color:var(--color-one-dark)}\n"] }); }
|
|
3945
3931
|
}
|
|
3946
3932
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
3947
3933
|
type: Component,
|
|
3948
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrl ? baseUrl : '#'\"\n (
|
|
3934
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </a>\n\n @for (option of options; track option) {\n <a\n [id]=\"option\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === option\"\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </a>\n }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-black);font-family:var(--font-family);font-size:12px;border:2px solid var(--color-one-darker);border-radius:4px;background-color:var(--neutral-purewhite);transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-light)}.filter-letter-and-terms .filter-option:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:hover{background-color:var(--color-one-dark)}\n"] }]
|
|
3949
3935
|
}], ctorParameters: () => [{ type: CuraService }, { type: Document, decorators: [{
|
|
3950
3936
|
type: Inject,
|
|
3951
3937
|
args: [DOCUMENT]
|
|
@@ -3956,16 +3942,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3956
3942
|
type: Input
|
|
3957
3943
|
}], baseUrl: [{
|
|
3958
3944
|
type: Input
|
|
3945
|
+
}], baseUrlAll: [{
|
|
3946
|
+
type: Input
|
|
3959
3947
|
}], enableScroll: [{
|
|
3960
3948
|
type: Input
|
|
3961
3949
|
}], selectedOption: [{
|
|
3962
3950
|
type: Input
|
|
3963
|
-
}], hoveredOption: [{
|
|
3964
|
-
type: Input
|
|
3965
3951
|
}], optionSelected: [{
|
|
3966
3952
|
type: Output
|
|
3967
|
-
}], optionHovered: [{
|
|
3968
|
-
type: Output
|
|
3969
3953
|
}], style: [{
|
|
3970
3954
|
type: HostBinding,
|
|
3971
3955
|
args: ['style']
|