@rededor/site-front-end-lib 1.3.43 → 1.3.44
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/sidebar-navigation/sidebar-navigation.component.mjs +6 -3
- package/fesm2022/rededor-site-front-end-lib.mjs +5 -2
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/sidebar-navigation/sidebar-navigation.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -27,6 +27,7 @@ export class SidebarNavigationComponent {
|
|
|
27
27
|
this.anchorAdjustment = 0;
|
|
28
28
|
this.title = 'Nesta página';
|
|
29
29
|
this.ariaLabel = 'Navegação da página';
|
|
30
|
+
this.padding = -50;
|
|
30
31
|
this.sectionChange = new EventEmitter();
|
|
31
32
|
this.styleBinding = {
|
|
32
33
|
'--font-family': this.curaService.getFontFamily(''),
|
|
@@ -40,7 +41,7 @@ export class SidebarNavigationComponent {
|
|
|
40
41
|
if (!element)
|
|
41
42
|
return;
|
|
42
43
|
const elementTop = element.getBoundingClientRect().top + window.scrollY;
|
|
43
|
-
const currentScroll = window.scrollY + pageHeaderHeight;
|
|
44
|
+
const currentScroll = window.scrollY + pageHeaderHeight + this.padding;
|
|
44
45
|
if (currentScroll >= elementTop) {
|
|
45
46
|
this.selectedIndex = index;
|
|
46
47
|
if (this.sections()?.[this.selectedIndex]) {
|
|
@@ -53,7 +54,7 @@ export class SidebarNavigationComponent {
|
|
|
53
54
|
this.sectionChange.emit(event);
|
|
54
55
|
}
|
|
55
56
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\n @if (title) {\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n }\n <ul role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n <a\n #anchorEl\n id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sidebar-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>\n {{ section.title }}\n </b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
57
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\n @if (title) {\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n }\n <ul role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n <a\n #anchorEl\n id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sidebar-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>\n {{ section.title }}\n </b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
57
58
|
}
|
|
58
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
59
60
|
type: Component,
|
|
@@ -64,6 +65,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
64
65
|
type: Input
|
|
65
66
|
}], ariaLabel: [{
|
|
66
67
|
type: Input
|
|
68
|
+
}], padding: [{
|
|
69
|
+
type: Input
|
|
67
70
|
}], navigationSections: [{
|
|
68
71
|
type: Input,
|
|
69
72
|
args: [{ required: true }]
|
|
@@ -81,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
81
84
|
type: HostBinding,
|
|
82
85
|
args: ['style']
|
|
83
86
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvc2lkZWJhci1uYXZpZ2F0aW9uL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGViYXItbmF2aWdhdGlvbi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxzQkFBc0IsRUFFdEIsS0FBSyxFQUNMLE1BQU0sRUFFTixNQUFNLEVBQ04sWUFBWSxFQUNaLFlBQVksRUFDWixZQUFZLEVBQ1osV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFhdkQsTUFBTSxPQUFPLDBCQUEwQjtJQVdyQyxJQUNJLGtCQUFrQixDQUFDLEtBQThCO1FBQ25ELElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDbkIsTUFBTSxJQUFJLEtBQUssQ0FBQywyREFBMkQsQ0FBQyxDQUFDO1FBQy9FLENBQUM7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV6QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFDSSxnQkFBZ0IsQ0FBQyxLQUE4QjtRQUNqRCxJQUFJLENBQUMsTUFB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ZUFBZTtnQkFLUCxZQUFZO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgc2lnbmFsLFxuICBWaWV3Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZHNpdGVMaW5rRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBTZWN0aW9uTmF2aWdhdGlvbkNvbmZpZywgU2VjdGlvbk5hdmlnYXRpb25EYXRhIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NlY3Rpb24tbmF2aWdhdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBDdXJhU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbmF2W3Jkc2l0ZS1zaWRlYmFyLW5hdmlnYXRpb25dJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1Jkc2l0ZUxpbmtEaXJlY3RpdmVdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vc2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZWJhck5hdmlnYXRpb25Db21wb25lbnQge1xuICByZWFkb25seSBzZWN0aW9ucyA9IHNpZ25hbDxTZWN0aW9uTmF2aWdhdGlvbkRhdGFbXT4oW10pO1xuICByZWFkb25seSBjb25maWcgPSBzaWduYWw8U2VjdGlvbk5hdmlnYXRpb25Db25maWcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGFjdGl2ZVNlY3Rpb24gPSBzaWduYWw8c3RyaW5nPignJyk7XG4gIHB1YmxpYyBzZWxlY3RlZEluZGV4ID0gMDtcblxuICBASW5wdXQoKSBhbmNob3JBZGp1c3RtZW50ID0gMDtcbiAgQElucHV0KCkgdGl0bGUgPSAnTmVzdGEgcMOhZ2luYSc7XG4gIEBJbnB1dCgpIGFyaWFMYWJlbCA9ICdOYXZlZ2HDp8OjbyBkYSBww6FnaW5hJztcbiAgQElucHV0KCkgcGFkZGluZyA9IC01MDtcblxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICBzZXQgbmF2aWdhdGlvblNlY3Rpb25zKHZhbHVlOiBTZWN0aW9uTmF2aWdhdGlvbkRhdGFbXSkge1xuICAgIGlmICghdmFsdWU/Lmxlbmd0aCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdPIFNlY3Rpb25OYXZpZ2F0aW9uQ29tcG9uZW50IHJlcXVlciBwZWxvIG1lbm9zIHVtYSBzZcOnw6NvLicpO1xuICAgIH1cbiAgICB0aGlzLnNlY3Rpb25zLnNldCh2YWx1ZSk7XG5cbiAgICBpZiAoIXRoaXMuYWN0aXZlU2VjdGlvbigpKSB7XG4gICAgICB0aGlzLmFjdGl2ZVNlY3Rpb24uc2V0KHZhbHVlWzBdLmlkKTtcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgbmF2aWdhdGlvbkNvbmZpZyh2YWx1ZTogU2VjdGlvbk5hdmlnYXRpb25Db25maWcpIHtcbiAgICB0aGlzLmNvbmZpZy5zZXQodmFsdWUpO1xuICB9XG5cbiAgQFZpZXdDaGlsZHJlbignYW5jaG9yRWwnKSBhbmNob3JzRWwhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MQW5jaG9yRWxlbWVudD4+O1xuICBAT3V0cHV0KCkgc2VjdGlvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8U2VjdGlvbk5hdmlnYXRpb25EYXRhPigpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpzY3JvbGwnKVxuICBvbldpbmRvd1Njcm9sbCgpOiB2b2lkIHtcbiAgICB0aGlzLndpbmRvd1Njcm9sbCgpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIHN0eWxlQmluZGluZyA9IHtcbiAgICAnLS1mb250LWZhbWlseSc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Rm9udEZhbWlseSgnJyksXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjdXJhU2VydmljZTogQ3VyYVNlcnZpY2UpIHt9XG5cbiAgcHJpdmF0ZSB3aW5kb3dTY3JvbGwoKTogdm9pZCB7XG4gICAgY29uc3QgcGFnZUhlYWRlckhlaWdodCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KCcucGFnZS1oZWFkZXInKT8ub2Zmc2V0SGVpZ2h0IHx8IDA7XG4gICAgdGhpcy5zZWxlY3RlZEluZGV4ID0gLTE7XG5cbiAgICB0aGlzLnNlY3Rpb25zKCk/LmZvckVhY2goKHNlY3Rpb24sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBlbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oYCMke3NlY3Rpb24uaWR9YCk7XG4gICAgICBpZiAoIWVsZW1lbnQpIHJldHVybjtcblxuICAgICAgY29uc3QgZWxlbWVudFRvcCA9IGVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkudG9wICsgd2luZG93LnNjcm9sbFk7XG4gICAgICBjb25zdCBjdXJyZW50U2Nyb2xsID0gd2luZG93LnNjcm9sbFkgKyBwYWdlSGVhZGVySGVpZ2h0ICsgdGhpcy5wYWRkaW5nO1xuICAgICAgaWYgKGN1cnJlbnRTY3JvbGwgPj0gZWxlbWVudFRvcCkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkSW5kZXggPSBpbmRleDtcbiAgICAgICAgaWYgKHRoaXMuc2VjdGlvbnMoKT8uW3RoaXMuc2VsZWN0ZWRJbmRleF0pIHtcbiAgICAgICAgICB0aGlzLmFjdGl2ZVNlY3Rpb24uc2V0KHRoaXMuc2VjdGlvbnMoKT8uW3RoaXMuc2VsZWN0ZWRJbmRleF0/LmlkKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgb25TZWN0aW9uQ2xpY2soZXZlbnQ6IFNlY3Rpb25OYXZpZ2F0aW9uRGF0YSkge1xuICAgIHRoaXMuc2VjdGlvbkNoYW5nZS5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPG5hdiBjbGFzcz1cInJkc2l0ZS1zaWRlYmFyLW5hdmlnYXRpb25cIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiIFtzdHlsZS50b3AucHhdPVwiY29uZmlnKCk/Lm9mZnNldFRvcCB8fCAwXCI+XG4gIDxjdXJhLWNhcmQgY2xhc3M9XCJvbmx5LW1vYmlsZVwiIGhhcy1wYWRkaW5nPVwidHJ1ZVwiIG1hcmdpbi1ibG9jaz1cIjhweFwiIGhhcy1zaGFkb3c9XCJmYWxzZVwiIHR5cGU9XCJzb2xpZFwiIGNvbG9yLW1vZGU9XCJsaWdodFwiIHRhcmdldD1cIl9zZWxmXCI+XG4gICAgQGlmICh0aXRsZSkge1xuICAgICAgPGN1cmEtcGFyYWdyYXBoIHNpemU9XCJzbWFsbFwiIGNvbG9yPVwibmV1dHJhbC1ibGFja1wiIG1hcmdpbi1ibG9jaz1cIjhweFwiPlxuICAgICAgICA8Yj57eyB0aXRsZSB9fTwvYj5cbiAgICAgIDwvY3VyYS1wYXJhZ3JhcGg+XG4gICAgfVxuICAgIDx1bCByb2xlPVwibWVudWJhclwiPlxuICAgICAgQGZvciAoc2VjdGlvbiBvZiBzZWN0aW9ucygpOyB0cmFjayBzZWN0aW9uLmlkKSB7XG4gICAgICAgIDxsaSByb2xlPVwibm9uZVwiPlxuICAgICAgICAgIDxjdXJhLXBhcmFncmFwaCBzaXplPVwieHNtYWxsXCIgbWFyZ2luLWJsb2NrPVwiOHB4XCIgW2NvbG9yXT1cImFjdGl2ZVNlY3Rpb24oKSA9PT0gc2VjdGlvbi5pZCA/ICduZXV0cmFsLWJsYWNrJyA6ICdwcmltYXJ5LWJhc2UnXCI+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAjYW5jaG9yRWxcbiAgICAgICAgICAgICAgaWQ9XCJhbmNob3Ite3sgc2VjdGlvbi5pZCB9fVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwicmRzaXRlLXNpZGViYXItbGlua1wiXG4gICAgICAgICAgICAgIHJvbGU9XCJtZW51aXRlbVwiXG4gICAgICAgICAgICAgIFtocmVmXT1cIicjJyArIHNlY3Rpb24uaWRcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwib25TZWN0aW9uQ2xpY2soeyBpZDogc2VjdGlvbi5pZCwgdGl0bGU6IHNlY3Rpb24udGl0bGUgfSlcIlxuICAgICAgICAgICAgICByZHNpdGVsaW5rXG4gICAgICAgICAgICAgIFthbmNob3JBZGp1c3RtZW50XT1cImFuY2hvckFkanVzdG1lbnRcIlxuICAgICAgICAgICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiYWN0aXZlU2VjdGlvbigpID09PSBzZWN0aW9uLmlkID8gJ3BhZ2UnIDogbnVsbFwiXG4gICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ05hdmVnYXIgcGFyYSAnICsgc2VjdGlvbi50aXRsZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxiPlxuICAgICAgICAgICAgICAgIHt7IHNlY3Rpb24udGl0bGUgfX1cbiAgICAgICAgICAgICAgPC9iPlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgIDwvY3VyYS1wYXJhZ3JhcGg+XG4gICAgICAgIDwvbGk+XG4gICAgICB9XG4gICAgPC91bD5cbiAgPC9jdXJhLWNhcmQ+XG48L25hdj5cbiJdfQ==
|
|
@@ -5050,6 +5050,7 @@ class SidebarNavigationComponent {
|
|
|
5050
5050
|
this.anchorAdjustment = 0;
|
|
5051
5051
|
this.title = 'Nesta página';
|
|
5052
5052
|
this.ariaLabel = 'Navegação da página';
|
|
5053
|
+
this.padding = -50;
|
|
5053
5054
|
this.sectionChange = new EventEmitter();
|
|
5054
5055
|
this.styleBinding = {
|
|
5055
5056
|
'--font-family': this.curaService.getFontFamily(''),
|
|
@@ -5063,7 +5064,7 @@ class SidebarNavigationComponent {
|
|
|
5063
5064
|
if (!element)
|
|
5064
5065
|
return;
|
|
5065
5066
|
const elementTop = element.getBoundingClientRect().top + window.scrollY;
|
|
5066
|
-
const currentScroll = window.scrollY + pageHeaderHeight;
|
|
5067
|
+
const currentScroll = window.scrollY + pageHeaderHeight + this.padding;
|
|
5067
5068
|
if (currentScroll >= elementTop) {
|
|
5068
5069
|
this.selectedIndex = index;
|
|
5069
5070
|
if (this.sections()?.[this.selectedIndex]) {
|
|
@@ -5076,7 +5077,7 @@ class SidebarNavigationComponent {
|
|
|
5076
5077
|
this.sectionChange.emit(event);
|
|
5077
5078
|
}
|
|
5078
5079
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5079
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\n @if (title) {\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n }\n <ul role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n <a\n #anchorEl\n id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sidebar-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>\n {{ section.title }}\n </b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
5080
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\n @if (title) {\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n }\n <ul role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n <a\n #anchorEl\n id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sidebar-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>\n {{ section.title }}\n </b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
5080
5081
|
}
|
|
5081
5082
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
5082
5083
|
type: Component,
|
|
@@ -5087,6 +5088,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5087
5088
|
type: Input
|
|
5088
5089
|
}], ariaLabel: [{
|
|
5089
5090
|
type: Input
|
|
5091
|
+
}], padding: [{
|
|
5092
|
+
type: Input
|
|
5090
5093
|
}], navigationSections: [{
|
|
5091
5094
|
type: Input,
|
|
5092
5095
|
args: [{ required: true }]
|