@rededor/site-front-end-lib 1.3.11 → 1.3.12
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
CHANGED
|
@@ -42,14 +42,19 @@ export class FilterLetterAndTermsComponent {
|
|
|
42
42
|
}
|
|
43
43
|
ngAfterViewInit() {
|
|
44
44
|
if (this.selectedOption) {
|
|
45
|
-
|
|
46
|
-
|
|
45
|
+
setTimeout(() => {
|
|
46
|
+
this.scrollToSelectedOption(this.selectedOption);
|
|
47
|
+
this.isFirstScroll = false;
|
|
48
|
+
}, 100);
|
|
47
49
|
}
|
|
48
50
|
}
|
|
49
51
|
selectOption(option, event) {
|
|
50
52
|
event.preventDefault();
|
|
51
|
-
this.
|
|
52
|
-
|
|
53
|
+
if (this._selectedOption !== option) {
|
|
54
|
+
this._selectedOption = option;
|
|
55
|
+
this.optionSelected.emit(option);
|
|
56
|
+
this.scrollToSelectedOption(option);
|
|
57
|
+
}
|
|
53
58
|
}
|
|
54
59
|
scrollToSelectedOption(value) {
|
|
55
60
|
if (isPlatformBrowser(this.platformId)) {
|
|
@@ -65,11 +70,11 @@ export class FilterLetterAndTermsComponent {
|
|
|
65
70
|
}
|
|
66
71
|
}
|
|
67
72
|
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 }); }
|
|
68
|
-
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\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)
|
|
73
|
+
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\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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 (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@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-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }); }
|
|
69
74
|
}
|
|
70
75
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
71
76
|
type: Component,
|
|
72
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)
|
|
77
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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 (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@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-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }]
|
|
73
78
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: Document, decorators: [{
|
|
74
79
|
type: Inject,
|
|
75
80
|
args: [DOCUMENT]
|
|
@@ -92,4 +97,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
92
97
|
type: HostBinding,
|
|
93
98
|
args: ['style']
|
|
94
99
|
}] } });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxldHRlci1hbmQtdGVybXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ZpbHRlci1sZXR0ZXItYW5kLXRlcm1zL2ZpbHRlci1sZXR0ZXItYW5kLXRlcm1zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLHNCQUFzQixFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWhKLE9BQU8sRUFBRSxRQUFRLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBVTlELE1BQU0sT0FBTyw2QkFBNkI7SUFReEMsSUFDSSxjQUFjLENBQUMsS0FBYTtRQUM5QixJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssS0FBSztZQUFFLE9BQU87UUFDM0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDN0IsSUFBSSxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzdDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQyxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUM7SUFDOUIsQ0FBQztJQUlELElBQTBCLEtBQUs7UUFDN0IsT0FBTztZQUNMLGVBQWUsRUFBRSxJQUFJLENB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QUNILENBQUM7K0dBMUVVLDZCQUE2Qiw2Q0F3QzlCLFFBQVEsYUFDUixXQUFXO21HQXpDViw2QkFBNkIsd1VDWjFDLDZxQkF5QkE7OzRGRGJhLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FDOUIsSUFBSSxXQUNQLEVBQUUsV0FDRixDQUFDLHNCQUFzQixDQUFDOzswQkE0QzlCLE1BQU07MkJBQUMsUUFBUTs7MEJBQ2YsTUFBTTsyQkFBQyxXQUFXO3lDQXhDWixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFLRixjQUFjO3NCQURqQixLQUFLO2dCQWFJLGNBQWM7c0JBQXZCLE1BQU07Z0JBRW1CLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5qZWN0LCBJbnB1dCwgT3V0cHV0LCBQTEFURk9STV9JRCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdXJhU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcclxuaW1wb3J0IHsgRE9DVU1FTlQsIGlzUGxhdGZvcm1Ccm93c2VyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncmRzaXRlLWZpbHRlci1sZXR0ZXItYW5kLXRlcm1zJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtdLFxyXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyLWxldHRlci1hbmQtdGVybXMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9maWx0ZXItbGV0dGVyLWFuZC10ZXJtcy5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWx0ZXJMZXR0ZXJBbmRUZXJtc0NvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xyXG4gIEBJbnB1dCgpIG9wdGlvbnM6IHN0cmluZ1tdID0gW107XHJcbiAgQElucHV0KCkgYmFzZVVybDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgYmFzZVVybEFsbDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZW5hYmxlU2Nyb2xsID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBpc0ZpcnN0U2Nyb2xsID0gdHJ1ZTtcclxuICBwcml2YXRlIF9zZWxlY3RlZE9wdGlvbjogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IHNlbGVjdGVkT3B0aW9uKHZhbHVlOiBzdHJpbmcpIHtcclxuICAgIGlmICh0aGlzLl9zZWxlY3RlZE9wdGlvbiA9PT0gdmFsdWUpIHJldHVybjtcclxuICAgIHRoaXMuX3NlbGVjdGVkT3B0aW9uID0gdmFsdWU7XHJcbiAgICBpZiAodGhpcy5lbmFibGVTY3JvbGwgJiYgIXRoaXMuaXNGaXJzdFNjcm9sbCkge1xyXG4gICAgICB0aGlzLnNjcm9sbFRvU2VsZWN0ZWRPcHRpb24odmFsdWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0IHNlbGVjdGVkT3B0aW9uKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWRPcHRpb247XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KCkgb3B0aW9uU2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBnZXQgc3R5bGUoKSB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICAnLS1mb250LWZhbWlseSc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Rm9udEZhbWlseSgnJyksXHJcbiAgICAgICctLW5ldXRyYWwtcHVyZXdoaXRlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1wdXJld2hpdGUnKSxcclxuICAgICAgJy0tbmV1dHJhbC1wYWxlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1wYWxlJyksXHJcbiAgICAgICctLW5ldXRyYWwtbGlnaHQnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLWxpZ2h0JyksXHJcbiAgICAgICctLW5ldXRyYWwtZGFyayc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ25ldXRyYWwtZGFyaycpLFxyXG4gICAgICAnLS1uZXV0cmFsLWJsYWNrJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1ibGFjaycpLFxyXG4gICAgICAnLS1jb2xvci1vbmUtbGlnaHQnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCdwcmltYXJ5LWxpZ2h0JyksXHJcbiAgICAgICctLWNvbG9yLW9uZS1iYXNlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcigncHJpbWFyeS1iYXNlJyksXHJcbiAgICAgICctLWNvbG9yLW9uZS1kYXJrJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcigncHJpbWFyeS1kYXJrJyksXHJcbiAgICAgICctLWNvbG9yLW9uZS1kYXJrZXInOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCdwcmltYXJ5LWRhcmtlcicpLFxyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSByZWFkb25seSBjdXJhU2VydmljZTogQ3VyYVNlcnZpY2UsXHJcbiAgICBASW5qZWN0KERPQ1VNRU5UKSBwcml2YXRlIGRvY3VtZW50OiBEb2N1bWVudCxcclxuICAgIEBJbmplY3QoUExBVEZPUk1fSUQpIHByaXZhdGUgcmVhZG9ubHkgcGxhdGZvcm1JZDogb2JqZWN0LFxyXG4gICkge31cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgaWYgKHRoaXMuc2VsZWN0ZWRPcHRpb24pIHtcclxuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5zY3JvbGxUb1NlbGVjdGVkT3B0aW9uKHRoaXMuc2VsZWN0ZWRPcHRpb24pO1xyXG4gICAgICAgIHRoaXMuaXNGaXJzdFNjcm9sbCA9IGZhbHNlO1xyXG4gICAgICB9LCAxMDApO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2VsZWN0T3B0aW9uKG9wdGlvbjogc3RyaW5nLCBldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICBpZiAodGhpcy5fc2VsZWN0ZWRPcHRpb24gIT09IG9wdGlvbikge1xyXG4gICAgICB0aGlzLl9zZWxlY3RlZE9wdGlvbiA9IG9wdGlvbjtcclxuICAgICAgdGhpcy5vcHRpb25TZWxlY3RlZC5lbWl0KG9wdGlvbik7XHJcbiAgICAgIHRoaXMuc2Nyb2xsVG9TZWxlY3RlZE9wdGlvbihvcHRpb24pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2Nyb2xsVG9TZWxlY3RlZE9wdGlvbih2YWx1ZTogc3RyaW5nKSB7XHJcbiAgICBpZiAoaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybUlkKSkge1xyXG4gICAgICBjb25zdCBlbGVtZW50SWQgPSB2YWx1ZSB8fCAndG9kYXMnO1xyXG4gICAgICBjb25zdCBzZWxlY3RlZEVsZW1lbnQgPSBlbGVtZW50SWQgPT09ICd0b2RhcycgPyB0aGlzLmRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCd0b2RhcycpIDogdGhpcy5kb2N1bWVudC5nZXRFbGVtZW50QnlJZCh2YWx1ZSk7XHJcbiAgICAgIGlmIChzZWxlY3RlZEVsZW1lbnQpIHtcclxuICAgICAgICBzZWxlY3RlZEVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xyXG4gICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxyXG4gICAgICAgICAgaW5saW5lOiAnY2VudGVyJyxcclxuICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXHJcbiAgICAgICAgfSk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZpbHRlci1sZXR0ZXItYW5kLXRlcm1zXCI+XHJcbiAgPGFcclxuICAgIGlkPVwidG9kYXNcIlxyXG4gICAgcmRzaXRlbGlua1xyXG4gICAgY2xhc3M9XCJmaWx0ZXItb3B0aW9uXCJcclxuICAgIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZE9wdGlvbiA9PT0gJydcIlxyXG4gICAgW2hyZWZdPVwiYmFzZVVybEFsbCA/IGJhc2VVcmxBbGwgOiBiYXNlVXJsID8gYmFzZVVybCA6ICcjJ1wiXHJcbiAgICAoY2xpY2spPVwic2VsZWN0T3B0aW9uKCcnLCAkZXZlbnQpXCJcclxuICA+XHJcbiAgICBUT0RBU1xyXG4gIDwvYT5cclxuXHJcbiAgQGZvciAob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbikge1xyXG4gICAgPGFcclxuICAgICAgW2lkXT1cIm9wdGlvblwiXHJcbiAgICAgIHJkc2l0ZWxpbmtcclxuICAgICAgY2xhc3M9XCJmaWx0ZXItb3B0aW9uXCJcclxuICAgICAgW2NsYXNzLnNlbGVjdGVkXT1cInNlbGVjdGVkT3B0aW9uID09PSBvcHRpb25cIlxyXG4gICAgICBbaHJlZl09XCJiYXNlVXJsID8gYmFzZVVybCArIG9wdGlvbi50b0xvd2VyQ2FzZSgpIDogJyMnXCJcclxuICAgICAgKGNsaWNrKT1cInNlbGVjdE9wdGlvbihvcHRpb24sICRldmVudClcIlxyXG4gICAgPlxyXG4gICAgICB7eyBvcHRpb24gfX1cclxuICAgIDwvYT5cclxuICB9XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -4405,14 +4405,19 @@ class FilterLetterAndTermsComponent {
|
|
|
4405
4405
|
}
|
|
4406
4406
|
ngAfterViewInit() {
|
|
4407
4407
|
if (this.selectedOption) {
|
|
4408
|
-
|
|
4409
|
-
|
|
4408
|
+
setTimeout(() => {
|
|
4409
|
+
this.scrollToSelectedOption(this.selectedOption);
|
|
4410
|
+
this.isFirstScroll = false;
|
|
4411
|
+
}, 100);
|
|
4410
4412
|
}
|
|
4411
4413
|
}
|
|
4412
4414
|
selectOption(option, event) {
|
|
4413
4415
|
event.preventDefault();
|
|
4414
|
-
this.
|
|
4415
|
-
|
|
4416
|
+
if (this._selectedOption !== option) {
|
|
4417
|
+
this._selectedOption = option;
|
|
4418
|
+
this.optionSelected.emit(option);
|
|
4419
|
+
this.scrollToSelectedOption(option);
|
|
4420
|
+
}
|
|
4416
4421
|
}
|
|
4417
4422
|
scrollToSelectedOption(value) {
|
|
4418
4423
|
if (isPlatformBrowser(this.platformId)) {
|
|
@@ -4428,11 +4433,11 @@ class FilterLetterAndTermsComponent {
|
|
|
4428
4433
|
}
|
|
4429
4434
|
}
|
|
4430
4435
|
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 }); }
|
|
4431
|
-
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\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)
|
|
4436
|
+
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\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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 (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@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-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }); }
|
|
4432
4437
|
}
|
|
4433
4438
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
4434
4439
|
type: Component,
|
|
4435
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)
|
|
4440
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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 (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@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-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }]
|
|
4436
4441
|
}], ctorParameters: () => [{ type: CuraService }, { type: Document, decorators: [{
|
|
4437
4442
|
type: Inject,
|
|
4438
4443
|
args: [DOCUMENT]
|