@rededor/site-front-end-lib 1.3.27 → 1.3.29
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 +23 -15
- package/esm2022/lib/components/sticky-navigation/sticky-navigation.component.mjs +4 -3
- package/fesm2022/rededor-site-front-end-lib.mjs +23 -15
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/sidebar-navigation/sidebar-navigation.component.d.ts +6 -0
- package/lib/components/sticky-navigation/sticky-navigation.component.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1,16 +1,8 @@
|
|
|
1
|
-
import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, signal, ViewChildren, EventEmitter, HostListener } from '@angular/core';
|
|
1
|
+
import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, signal, ViewChildren, EventEmitter, HostListener, HostBinding, } from '@angular/core';
|
|
2
2
|
import { RdsiteLinkDirective } from '../../directives';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../services";
|
|
4
5
|
export class SidebarNavigationComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.sections = signal([]);
|
|
7
|
-
this.config = signal(undefined);
|
|
8
|
-
this.activeSection = signal('');
|
|
9
|
-
this.anchorAdjustment = 0;
|
|
10
|
-
this.title = 'Nesta página';
|
|
11
|
-
this.ariaLabel = 'Navegação da página';
|
|
12
|
-
this.sectionChange = new EventEmitter();
|
|
13
|
-
}
|
|
14
6
|
set navigationSections(value) {
|
|
15
7
|
if (!value?.length) {
|
|
16
8
|
throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');
|
|
@@ -26,6 +18,19 @@ export class SidebarNavigationComponent {
|
|
|
26
18
|
onWindowScroll() {
|
|
27
19
|
this.windowScroll();
|
|
28
20
|
}
|
|
21
|
+
constructor(curaService) {
|
|
22
|
+
this.curaService = curaService;
|
|
23
|
+
this.sections = signal([]);
|
|
24
|
+
this.config = signal(undefined);
|
|
25
|
+
this.activeSection = signal('');
|
|
26
|
+
this.anchorAdjustment = 0;
|
|
27
|
+
this.title = 'Nesta página';
|
|
28
|
+
this.ariaLabel = 'Navegação da página';
|
|
29
|
+
this.sectionChange = new EventEmitter();
|
|
30
|
+
this.styleBinding = {
|
|
31
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
32
|
+
};
|
|
33
|
+
}
|
|
29
34
|
windowScroll() {
|
|
30
35
|
const pageHeaderHeight = document.querySelector('.page-header')?.offsetHeight || 0;
|
|
31
36
|
let selectedIndex = -1;
|
|
@@ -43,13 +48,13 @@ export class SidebarNavigationComponent {
|
|
|
43
48
|
}
|
|
44
49
|
});
|
|
45
50
|
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
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()" } }, 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 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: ["ul{display:flex;flex-direction:column}ul li{width:100%}ul li cura-paragraph,ul li a{text-align:left}ul li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
51
|
+
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 }); }
|
|
52
|
+
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 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"] }] }); }
|
|
48
53
|
}
|
|
49
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
50
55
|
type: Component,
|
|
51
|
-
args: [{ selector: 'nav[rdsite-sidebar-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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 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: ["ul{display:flex;flex-direction:column}ul li{width:100%}ul li cura-paragraph,ul li a{text-align:left}ul li a{color:unset}\n"] }]
|
|
52
|
-
}], propDecorators: { anchorAdjustment: [{
|
|
56
|
+
args: [{ selector: 'nav[rdsite-sidebar-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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 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"] }]
|
|
57
|
+
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { anchorAdjustment: [{
|
|
53
58
|
type: Input
|
|
54
59
|
}], title: [{
|
|
55
60
|
type: Input
|
|
@@ -68,5 +73,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
68
73
|
}], onWindowScroll: [{
|
|
69
74
|
type: HostListener,
|
|
70
75
|
args: ['window:scroll']
|
|
76
|
+
}], styleBinding: [{
|
|
77
|
+
type: HostBinding,
|
|
78
|
+
args: ['style']
|
|
71
79
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvc2lkZWJhci1uYXZpZ2F0aW9uL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGViYXItbmF2aWdhdGlvbi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxzQkFBc0IsRUFFdEIsS0FBSyxFQUNMLE1BQU0sRUFFTixNQUFNLEVBQ04sWUFBWSxFQUNaLFlBQVksRUFDWixZQUFZLEVBQ1osV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFhdkQsTUFBTSxPQUFPLDBCQUEwQjtJQVNyQyxJQUNJLGtCQUFrQixDQUFDLEtBQThCO1FBQ25ELElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDbkIsTUFBTSxJQUFJLEtBQUssQ0FBQywyREFBMkQsQ0FBQyxDQUFDO1FBQy9FLENBQUM7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV6QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFDSSxnQkFBZ0IsQ0FBQyxLQUE4QjtRQUNqRCxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBTUQsY0FBYztRQUNaLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBTUQsWUFBNkIsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFyQzVDLGFBQVEsR0FBRyxNQUFNLENBQTBCLEVBQUUsQ0FBQyxDQUFDO1FBQy9DLFdBQU0sR0FBRyxNQUFNLENBQXNDLFNBQVMsQ0FBQyxDQUFDO1FBQ2hFLGtCQUFhLEdBQUcsTUFBTSxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBRW5DLHFCQUFnQixHQUFHLENBQUMsQ0FBQztRQUNyQixVQUFLLEdBQUcsY0FBYyxDQUFDO1FBQ3ZCLGNBQVMsR0FBRyxxQkFBcUIsQ0FBQztRQW9CakMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBeUIsQ0FBQztRQU85QyxpQkFBWSxHQUFHO1lBQ25DLGVBQWUsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUM7U0FDcEQsQ0FBQztJQUVzRCxDQUFDO0lBRWpELFlBQVk7UUFDbEIsTUFBTSxnQkFBZ0IsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFjLGNBQWMsQ0FBQyxFQUFFLFlBQVksSUFBSSxDQUFDLENBQUM7UUFDaEcsSUFBSSxhQUFhLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFFdkIsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUMxQyxNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFjLElBQUksT0FBTyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDdEUsSUFBSSxDQUFDLE9BQU87Z0JBQUUsT0FBTztZQUVyQixNQUFNLFVBQVUsR0FBRyxPQUFPLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxHQUFHLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQztZQUN4RSxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsT0FBTyxHQUFHLEdBQUcsR0FBRyxnQkFBZ0IsQ0FBQztZQUU5RCxJQUFJLGFBQWEsSUFBSSxVQUFVLEVBQUUsQ0FBQztnQkFDaEMsYUFBYSxHQUFHLEtBQUssQ0FBQztnQkFDdEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDO29CQUNyQyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztnQkFDL0QsQ0FBQztZQUNILENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7K0dBMURVLDBCQUEwQjttR0FBMUIsMEJBQTBCLHVmQzFCdkMsb3pDQWdDQSw2T0RYWSxtQkFBbUI7OzRGQUtsQiwwQkFBMEI7a0JBVHRDLFNBQVM7K0JBRUUsZ0NBQWdDLGNBQzlCLElBQUksV0FDUCxDQUFDLG1CQUFtQixDQUFDLFdBQ3JCLENBQUMsc0JBQXNCLENBQUM7Z0ZBU3hCLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFHRixrQkFBa0I7c0JBRHJCLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQWFyQixnQkFBZ0I7c0JBRG5CLEtBQUs7Z0JBS29CLFNBQVM7c0JBQWxDLFlBQVk7dUJBQUMsVUFBVTtnQkFDZCxhQUFhO3NCQUF0QixNQUFNO2dCQUdQLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxlQUFlO2dCQUtQLFlBQVk7c0JBQWpDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxuICBzaWduYWwsXG4gIFZpZXdDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0TGlzdGVuZXIsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJkc2l0ZUxpbmtEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzJztcbmltcG9ydCB7IFNlY3Rpb25OYXZpZ2F0aW9uQ29uZmlnLCBTZWN0aW9uTmF2aWdhdGlvbkRhdGEgfSBmcm9tICcuLi8uLi9tb2RlbHMvc2VjdGlvbi1uYXZpZ2F0aW9uLm1vZGVsJztcbmltcG9ydCB7IEN1cmFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICduYXZbcmRzaXRlLXNpZGViYXItbmF2aWdhdGlvbl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbUmRzaXRlTGlua0RpcmVjdGl2ZV0sXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGViYXItbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zaWRlYmFyLW5hdmlnYXRpb24uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlYmFyTmF2aWdhdGlvbkNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IHNlY3Rpb25zID0gc2lnbmFsPFNlY3Rpb25OYXZpZ2F0aW9uRGF0YVtdPihbXSk7XG4gIHJlYWRvbmx5IGNvbmZpZyA9IHNpZ25hbDxTZWN0aW9uTmF2aWdhdGlvbkNvbmZpZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcbiAgcmVhZG9ubHkgYWN0aXZlU2VjdGlvbiA9IHNpZ25hbDxzdHJpbmc+KCcnKTtcblxuICBASW5wdXQoKSBhbmNob3JBZGp1c3RtZW50ID0gMDtcbiAgQElucHV0KCkgdGl0bGUgPSAnTmVzdGEgcMOhZ2luYSc7XG4gIEBJbnB1dCgpIGFyaWFMYWJlbCA9ICdOYXZlZ2HDp8OjbyBkYSBww6FnaW5hJztcblxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICBzZXQgbmF2aWdhdGlvblNlY3Rpb25zKHZhbHVlOiBTZWN0aW9uTmF2aWdhdGlvbkRhdGFbXSkge1xuICAgIGlmICghdmFsdWU/Lmxlbmd0aCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdPIFNlY3Rpb25OYXZpZ2F0aW9uQ29tcG9uZW50IHJlcXVlciBwZWxvIG1lbm9zIHVtYSBzZcOnw6NvLicpO1xuICAgIH1cbiAgICB0aGlzLnNlY3Rpb25zLnNldCh2YWx1ZSk7XG5cbiAgICBpZiAoIXRoaXMuYWN0aXZlU2VjdGlvbigpKSB7XG4gICAgICB0aGlzLmFjdGl2ZVNlY3Rpb24uc2V0KHZhbHVlWzBdLmlkKTtcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgbmF2aWdhdGlvbkNvbmZpZyh2YWx1ZTogU2VjdGlvbk5hdmlnYXRpb25Db25maWcpIHtcbiAgICB0aGlzLmNvbmZpZy5zZXQodmFsdWUpO1xuICB9XG5cbiAgQFZpZXdDaGlsZHJlbignYW5jaG9yRWwnKSBhbmNob3JzRWwhOiBRdWVyeUxpc3Q8RWxlbWVudFJlZjxIVE1MQW5jaG9yRWxlbWVudD4+O1xuICBAT3V0cHV0KCkgc2VjdGlvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8U2VjdGlvbk5hdmlnYXRpb25EYXRhPigpO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpzY3JvbGwnKVxuICBvbldpbmRvd1Njcm9sbCgpOiB2b2lkIHtcbiAgICB0aGlzLndpbmRvd1Njcm9sbCgpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIHN0eWxlQmluZGluZyA9IHtcbiAgICAnLS1mb250LWZhbWlseSc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Rm9udEZhbWlseSgnJyksXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjdXJhU2VydmljZTogQ3VyYVNlcnZpY2UpIHt9XG5cbiAgcHJpdmF0ZSB3aW5kb3dTY3JvbGwoKTogdm9pZCB7XG4gICAgY29uc3QgcGFnZUhlYWRlckhlaWdodCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KCcucGFnZS1oZWFkZXInKT8ub2Zmc2V0SGVpZ2h0IHx8IDA7XG4gICAgbGV0IHNlbGVjdGVkSW5kZXggPSAtMTtcblxuICAgIHRoaXMuc2VjdGlvbnMoKT8uZm9yRWFjaCgoc2VjdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGVsZW1lbnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihgIyR7c2VjdGlvbi5pZH1gKTtcbiAgICAgIGlmICghZWxlbWVudCkgcmV0dXJuO1xuXG4gICAgICBjb25zdCBlbGVtZW50VG9wID0gZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS50b3AgKyB3aW5kb3cuc2Nyb2xsWTtcbiAgICAgIGNvbnN0IGN1cnJlbnRTY3JvbGwgPSB3aW5kb3cuc2Nyb2xsWSArIDExMCArIHBhZ2VIZWFkZXJIZWlnaHQ7XG5cbiAgICAgIGlmIChjdXJyZW50U2Nyb2xsID49IGVsZW1lbnRUb3ApIHtcbiAgICAgICAgc2VsZWN0ZWRJbmRleCA9IGluZGV4O1xuICAgICAgICBpZiAodGhpcy5zZWN0aW9ucygpPy5bc2VsZWN0ZWRJbmRleF0pIHtcbiAgICAgICAgICB0aGlzLmFjdGl2ZVNlY3Rpb24uc2V0KHRoaXMuc2VjdGlvbnMoKT8uW3NlbGVjdGVkSW5kZXhdPy5pZCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9KTtcbiAgfVxufVxuIiwiPG5hdiBjbGFzcz1cInJkc2l0ZS1zaWRlYmFyLW5hdmlnYXRpb25cIiBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiIFtzdHlsZS50b3AucHhdPVwiY29uZmlnKCk/Lm9mZnNldFRvcCB8fCAwXCI+XG4gIDxjdXJhLWNhcmQgY2xhc3M9XCJvbmx5LW1vYmlsZVwiIGhhcy1wYWRkaW5nPVwidHJ1ZVwiIG1hcmdpbi1ibG9jaz1cIjhweFwiIGhhcy1zaGFkb3c9XCJmYWxzZVwiIHR5cGU9XCJzb2xpZFwiIGNvbG9yLW1vZGU9XCJsaWdodFwiIHRhcmdldD1cIl9zZWxmXCI+XG4gICAgQGlmICh0aXRsZSkge1xuICAgICAgPGN1cmEtcGFyYWdyYXBoIHNpemU9XCJzbWFsbFwiIGNvbG9yPVwibmV1dHJhbC1ibGFja1wiIG1hcmdpbi1ibG9jaz1cIjhweFwiPlxuICAgICAgICA8Yj57eyB0aXRsZSB9fTwvYj5cbiAgICAgIDwvY3VyYS1wYXJhZ3JhcGg+XG4gICAgfVxuICAgIDx1bCByb2xlPVwibWVudWJhclwiPlxuICAgICAgQGZvciAoc2VjdGlvbiBvZiBzZWN0aW9ucygpOyB0cmFjayBzZWN0aW9uLmlkKSB7XG4gICAgICAgIDxsaSByb2xlPVwibm9uZVwiPlxuICAgICAgICAgIDxjdXJhLXBhcmFncmFwaCBzaXplPVwieHNtYWxsXCIgbWFyZ2luLWJsb2NrPVwiOHB4XCIgW2NvbG9yXT1cImFjdGl2ZVNlY3Rpb24oKSA9PT0gc2VjdGlvbi5pZCA/ICduZXV0cmFsLWJsYWNrJyA6ICdwcmltYXJ5LWJhc2UnXCI+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAjYW5jaG9yRWxcbiAgICAgICAgICAgICAgaWQ9XCJhbmNob3Ite3sgc2VjdGlvbi5pZCB9fVwiXG4gICAgICAgICAgICAgIGNsYXNzPVwicmRzaXRlLXNpZGViYXItbGlua1wiXG4gICAgICAgICAgICAgIHJvbGU9XCJtZW51aXRlbVwiXG4gICAgICAgICAgICAgIFtocmVmXT1cIicjJyArIHNlY3Rpb24uaWRcIlxuICAgICAgICAgICAgICByZHNpdGVsaW5rXG4gICAgICAgICAgICAgIFthbmNob3JBZGp1c3RtZW50XT1cImFuY2hvckFkanVzdG1lbnRcIlxuICAgICAgICAgICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiYWN0aXZlU2VjdGlvbigpID09PSBzZWN0aW9uLmlkID8gJ3BhZ2UnIDogbnVsbFwiXG4gICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ05hdmVnYXIgcGFyYSAnICsgc2VjdGlvbi50aXRsZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxiPlxuICAgICAgICAgICAgICAgIHt7IHNlY3Rpb24udGl0bGUgfX1cbiAgICAgICAgICAgICAgPC9iPlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgIDwvY3VyYS1wYXJhZ3JhcGg+XG4gICAgICAgIDwvbGk+XG4gICAgICB9XG4gICAgPC91bD5cbiAgPC9jdXJhLWNhcmQ+XG48L25hdj5cbiJdfQ==
|
|
@@ -31,6 +31,7 @@ export class StickyNavigationComponent {
|
|
|
31
31
|
this.sectionChange = new EventEmitter();
|
|
32
32
|
this.styleBinding = {
|
|
33
33
|
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
34
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
34
35
|
};
|
|
35
36
|
}
|
|
36
37
|
windowScroll() {
|
|
@@ -50,11 +51,11 @@ export class StickyNavigationComponent {
|
|
|
50
51
|
});
|
|
51
52
|
}
|
|
52
53
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-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-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title) {\n <div class=\"title-bar\" (click)=\"isOpen = !isOpen\" [attr.aria-expanded]=\"isOpen\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"isOpen = !isOpen\">\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n <cura-icon [attr.name]=\"isOpen ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen) {\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex].title }}</b>\n </cura-paragraph>\n }\n }\n\n <ul class=\"menu\" [class.open]=\"isOpen\" 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 id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n (click)=\"isOpen = !isOpen\"\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-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-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title) {\n <div class=\"title-bar\" (click)=\"isOpen = !isOpen\" [attr.aria-expanded]=\"isOpen\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"isOpen = !isOpen\">\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n <cura-icon [attr.name]=\"isOpen ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen) {\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex].title }}</b>\n </cura-paragraph>\n }\n }\n\n <ul class=\"menu\" [class.open]=\"isOpen\" 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 id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n (click)=\"isOpen = !isOpen\"\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
54
55
|
}
|
|
55
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, decorators: [{
|
|
56
57
|
type: Component,
|
|
57
|
-
args: [{ selector: 'nav[rdsite-sticky-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title) {\n <div class=\"title-bar\" (click)=\"isOpen = !isOpen\" [attr.aria-expanded]=\"isOpen\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"isOpen = !isOpen\">\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n <cura-icon [attr.name]=\"isOpen ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen) {\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex].title }}</b>\n </cura-paragraph>\n }\n }\n\n <ul class=\"menu\" [class.open]=\"isOpen\" 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 id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n (click)=\"isOpen = !isOpen\"\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"] }]
|
|
58
|
+
args: [{ selector: 'nav[rdsite-sticky-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title) {\n <div class=\"title-bar\" (click)=\"isOpen = !isOpen\" [attr.aria-expanded]=\"isOpen\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"isOpen = !isOpen\">\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n <cura-icon [attr.name]=\"isOpen ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen) {\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex].title }}</b>\n </cura-paragraph>\n }\n }\n\n <ul class=\"menu\" [class.open]=\"isOpen\" 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 id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n (click)=\"isOpen = !isOpen\"\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"] }]
|
|
58
59
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { anchorAdjustment: [{
|
|
59
60
|
type: Input
|
|
60
61
|
}], title: [{
|
|
@@ -78,4 +79,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
78
79
|
type: HostBinding,
|
|
79
80
|
args: ['style']
|
|
80
81
|
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5LW5hdmlnYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9zdGlja3ktbmF2aWdhdGlvbi9zdGlja3ktbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3N0aWNreS1uYXZpZ2F0aW9uL3N0aWNreS1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1Qsc0JBQXNCLEVBRXRCLEtBQUssRUFDTCxNQUFNLEVBRU4sTUFBTSxFQUNOLFlBQVksRUFDWixZQUFZLEVBQ1osWUFBWSxFQUNaLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBYXZELE1BQU0sT0FBTyx5QkFBeUI7SUFXcEMsSUFDSSxrQkFBa0IsQ0FBQyxLQUE4QjtRQUNuRCxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQ25CLE1BQU0sSUFBSSxLQUFLLENBQUMsMkRBQTJELENBQUMsQ0FBQztRQUMvRSxDQUFDO1FBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFekIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQzFCLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0QyxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQ0ksZ0JBQWdCLENBQUMsS0FBOEI7UUFDakQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQztJQU1ELGNBQWM7UUFDWixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQU9ELFlBQW9CLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBeEM1QixhQUFRLEdBQUcsTUFBTSxDQUEwQixFQUFFLENBQUMsQ0FBQztRQUN0RCxXQUFNLEdBQUcsTUFBTSxDQUFzQyxTQUFTLENBQUMsQ0FBQztRQUNoRSxrQkFBYSxHQUFHLE1BQU0sQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUM1QyxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ1Isa0JBQWEsR0FBRyxDQUFDLENBQUM7UUFFaEIscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBQ3JCLFVBQUssR0FBRyxjQUFjLENBQUM7UUFDdkIsY0FBUyxHQUFHLHFCQUFxQixDQUFDO1FBb0JqQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUF5QixDQUFDO1FBTzlDLGlCQUFZLEdBQUc7WUFDbkMscUJBQXFCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUM7WUFDckUsZUFBZSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQztTQUNwRCxDQUFDO0lBRTZDLENBQUM7SUFFeEMsWUFBWTtRQUNsQixNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQWMsY0FBYyxDQUFDLEVBQUUsWUFBWSxJQUFJLENBQUMsQ0FBQztRQUVoRyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsT0FBTyxDQUFDLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQzFDLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQWMsSUFBSSxPQUFPLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUN0RSxJQUFJLENBQUMsT0FBTztnQkFBRSxPQUFPO1lBRXJCLE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDO1lBQ3hFLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxPQUFPLEdBQUcsR0FBRyxHQUFHLGdCQUFnQixDQUFDO1lBRTlELElBQUksYUFBYSxJQUFJLFVBQVUsRUFBRSxDQUFDO2dCQUNoQyxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztnQkFDM0IsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQztvQkFDMUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO2dCQUNwRSxDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0E1RFUseUJBQXlCO21HQUF6Qix5QkFBeUIsc2ZDMUJ0QyxrcURBcUNBLHFxQkRoQlksbUJBQW1COzs0RkFLbEIseUJBQXlCO2tCQVRyQyxTQUFTOytCQUVFLCtCQUErQixjQUM3QixJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsQ0FBQyxXQUNyQixDQUFDLHNCQUFzQixDQUFDO2dGQVd4QixnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0Ysa0JBQWtCO3NCQURyQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFhckIsZ0JBQWdCO3NCQURuQixLQUFLO2dCQUtvQixTQUFTO3NCQUFsQyxZQUFZO3VCQUFDLFVBQVU7Z0JBQ2QsYUFBYTtzQkFBdEIsTUFBTTtnQkFHUCxjQUFjO3NCQURiLFlBQVk7dUJBQUMsZUFBZTtnQkFLUCxZQUFZO3NCQUFqQyxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgc2lnbmFsLFxuICBWaWV3Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdExpc3RlbmVyLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZHNpdGVMaW5rRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XG5pbXBvcnQgeyBTZWN0aW9uTmF2aWdhdGlvbkNvbmZpZywgU2VjdGlvbk5hdmlnYXRpb25EYXRhIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NlY3Rpb24tbmF2aWdhdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBDdXJhU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbmF2W3Jkc2l0ZS1zdGlja3ktbmF2aWdhdGlvbl0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbUmRzaXRlTGlua0RpcmVjdGl2ZV0sXG4gIHNjaGVtYXM6IFtDVVNUT01fRUxFTUVOVFNfU0NIRU1BXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0aWNreS1uYXZpZ2F0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3N0aWNreS1uYXZpZ2F0aW9uLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgU3RpY2t5TmF2aWdhdGlvbkNvbXBvbmVudCB7XG4gIHB1YmxpYyByZWFkb25seSBzZWN0aW9ucyA9IHNpZ25hbDxTZWN0aW9uTmF2aWdhdGlvbkRhdGFbXT4oW10pO1xuICByZWFkb25seSBjb25maWcgPSBzaWduYWw8U2VjdGlvbk5hdmlnYXRpb25Db25maWcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IGFjdGl2ZVNlY3Rpb24gPSBzaWduYWw8c3RyaW5nPignJyk7XG4gIGlzT3BlbiA9IGZhbHNlO1xuICBwdWJsaWMgc2VsZWN0ZWRJbmRleCA9IDA7XG5cbiAgQElucHV0KCkgYW5jaG9yQWRqdXN0bWVudCA9IDA7XG4gIEBJbnB1dCgpIHRpdGxlID0gJ05lc3RhIHDDoWdpbmEnO1xuICBASW5wdXQoKSBhcmlhTGFiZWwgPSAnTmF2ZWdhw6fDo28gZGEgcMOhZ2luYSc7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgc2V0IG5hdmlnYXRpb25TZWN0aW9ucyh2YWx1ZTogU2VjdGlvbk5hdmlnYXRpb25EYXRhW10pIHtcbiAgICBpZiAoIXZhbHVlPy5sZW5ndGgpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignTyBTZWN0aW9uTmF2aWdhdGlvbkNvbXBvbmVudCByZXF1ZXIgcGVsbyBtZW5vcyB1bWEgc2XDp8Ojby4nKTtcbiAgICB9XG4gICAgdGhpcy5zZWN0aW9ucy5zZXQodmFsdWUpO1xuXG4gICAgaWYgKCF0aGlzLmFjdGl2ZVNlY3Rpb24oKSkge1xuICAgICAgdGhpcy5hY3RpdmVTZWN0aW9uLnNldCh2YWx1ZVswXS5pZCk7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KClcbiAgc2V0IG5hdmlnYXRpb25Db25maWcodmFsdWU6IFNlY3Rpb25OYXZpZ2F0aW9uQ29uZmlnKSB7XG4gICAgdGhpcy5jb25maWcuc2V0KHZhbHVlKTtcbiAgfVxuXG4gIEBWaWV3Q2hpbGRyZW4oJ2FuY2hvckVsJykgYW5jaG9yc0VsITogUXVlcnlMaXN0PEVsZW1lbnRSZWY8SFRNTEFuY2hvckVsZW1lbnQ+PjtcbiAgQE91dHB1dCgpIHNlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFNlY3Rpb25OYXZpZ2F0aW9uRGF0YT4oKTtcblxuICBASG9zdExpc3RlbmVyKCd3aW5kb3c6c2Nyb2xsJylcbiAgb25XaW5kb3dTY3JvbGwoKTogdm9pZCB7XG4gICAgdGhpcy53aW5kb3dTY3JvbGwoKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBzdHlsZUJpbmRpbmcgPSB7XG4gICAgJy0tbmV1dHJhbC1wdXJld2hpdGUnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLXB1cmV3aGl0ZScpLFxuICAgICctLWZvbnQtZmFtaWx5JzogdGhpcy5jdXJhU2VydmljZS5nZXRGb250RmFtaWx5KCcnKSxcbiAgfTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGN1cmFTZXJ2aWNlOiBDdXJhU2VydmljZSkge31cblxuICBwcml2YXRlIHdpbmRvd1Njcm9sbCgpOiB2b2lkIHtcbiAgICBjb25zdCBwYWdlSGVhZGVySGVpZ2h0ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oJy5wYWdlLWhlYWRlcicpPy5vZmZzZXRIZWlnaHQgfHwgMDtcblxuICAgIHRoaXMuc2VjdGlvbnMoKT8uZm9yRWFjaCgoc2VjdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgIGNvbnN0IGVsZW1lbnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihgIyR7c2VjdGlvbi5pZH1gKTtcbiAgICAgIGlmICghZWxlbWVudCkgcmV0dXJuO1xuXG4gICAgICBjb25zdCBlbGVtZW50VG9wID0gZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS50b3AgKyB3aW5kb3cuc2Nyb2xsWTtcbiAgICAgIGNvbnN0IGN1cnJlbnRTY3JvbGwgPSB3aW5kb3cuc2Nyb2xsWSArIDExMCArIHBhZ2VIZWFkZXJIZWlnaHQ7XG5cbiAgICAgIGlmIChjdXJyZW50U2Nyb2xsID49IGVsZW1lbnRUb3ApIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEluZGV4ID0gaW5kZXg7XG4gICAgICAgIGlmICh0aGlzLnNlY3Rpb25zKCk/Llt0aGlzLnNlbGVjdGVkSW5kZXhdKSB7XG4gICAgICAgICAgdGhpcy5hY3RpdmVTZWN0aW9uLnNldCh0aGlzLnNlY3Rpb25zKCk/Llt0aGlzLnNlbGVjdGVkSW5kZXhdPy5pZCk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9KTtcbiAgfVxufVxuIiwiPG5hdiBjbGFzcz1cInJkc2l0ZS1zdGlja3ktbmF2aWdhdGlvblwiIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsXCIgW3N0eWxlLnRvcC5weF09XCJjb25maWcoKT8ub2Zmc2V0VG9wIHx8IDBcIj5cbiAgQGlmICh0aXRsZSkge1xuICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1iYXJcIiAoY2xpY2spPVwiaXNPcGVuID0gIWlzT3BlblwiIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiaXNPcGVuXCIgcm9sZT1cImJ1dHRvblwiIHRhYmluZGV4PVwiMFwiIChrZXlkb3duLmVudGVyKT1cImlzT3BlbiA9ICFpc09wZW5cIj5cbiAgICAgIDxjdXJhLXBhcmFncmFwaCBzaXplPVwic21hbGxcIiBbYXR0ci5jb2xvcl09XCJpc09wZW4gPyAnbmV1dHJhbGRhcmsnIDogJ3ByaW1hcnktYmFzZSdcIiBtYXJnaW4tYmxvY2s9XCI4cHhcIj5cbiAgICAgICAgPGI+e3sgdGl0bGUgfX08L2I+XG4gICAgICA8L2N1cmEtcGFyYWdyYXBoPlxuICAgICAgPGN1cmEtaWNvbiBbYXR0ci5uYW1lXT1cImlzT3BlbiA/ICd1cCcgOiAnZG93bidcIiBzaXplPVwiMTZcIiBbYXR0ci5jb2xvcl09XCJpc09wZW4gPyAnbmV1dHJhbGRhcmsnIDogJ3ByaW1hcnktYmFzZSdcIj48L2N1cmEtaWNvbj5cbiAgICA8L2Rpdj5cbiAgICBAaWYgKHNlY3Rpb25zKCkubGVuZ3RoICYmICFpc09wZW4pIHtcbiAgICAgIDxjdXJhLXBhcmFncmFwaCBzaXplPVwieHNtYWxsXCIgbWFyZ2luLWJsb2NrPVwiOHB4XCIgY29sb3I9XCJuZXV0cmFsLWJsYWNrXCI+XG4gICAgICAgIDxiPnt7IHNlY3Rpb25zKClbc2VsZWN0ZWRJbmRleF0udGl0bGUgfX08L2I+XG4gICAgICA8L2N1cmEtcGFyYWdyYXBoPlxuICAgIH1cbiAgfVxuXG4gIDx1bCBjbGFzcz1cIm1lbnVcIiBbY2xhc3Mub3Blbl09XCJpc09wZW5cIiByb2xlPVwibWVudWJhclwiPlxuICAgIEBmb3IgKHNlY3Rpb24gb2Ygc2VjdGlvbnMoKTsgdHJhY2sgc2VjdGlvbi5pZCkge1xuICAgICAgPGxpIHJvbGU9XCJub25lXCI+XG4gICAgICAgIDxjdXJhLXBhcmFncmFwaCBzaXplPVwieHNtYWxsXCIgbWFyZ2luLWJsb2NrPVwiOHB4XCIgW2NvbG9yXT1cImFjdGl2ZVNlY3Rpb24oKSA9PT0gc2VjdGlvbi5pZCA/ICduZXV0cmFsLWJsYWNrJyA6ICdwcmltYXJ5LWJhc2UnXCI+XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgIGlkPVwiYW5jaG9yLXt7IHNlY3Rpb24uaWQgfX1cIlxuICAgICAgICAgICAgY2xhc3M9XCJyZHNpdGUtc3RpY2t5LWxpbmtcIlxuICAgICAgICAgICAgcm9sZT1cIm1lbnVpdGVtXCJcbiAgICAgICAgICAgIFtocmVmXT1cIicjJyArIHNlY3Rpb24uaWRcIlxuICAgICAgICAgICAgcmRzaXRlbGlua1xuICAgICAgICAgICAgKGNsaWNrKT1cImlzT3BlbiA9ICFpc09wZW5cIlxuICAgICAgICAgICAgW2FuY2hvckFkanVzdG1lbnRdPVwiYW5jaG9yQWRqdXN0bWVudFwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwiYWN0aXZlU2VjdGlvbigpID09PSBzZWN0aW9uLmlkID8gJ3BhZ2UnIDogbnVsbFwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidOYXZlZ2FyIHBhcmEgJyArIHNlY3Rpb24udGl0bGVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxiPnt7IHNlY3Rpb24udGl0bGUgfX08L2I+XG4gICAgICAgICAgPC9hPlxuICAgICAgICA8L2N1cmEtcGFyYWdyYXBoPlxuICAgICAgPC9saT5cbiAgICB9XG4gIDwvdWw+XG48L25hdj5cbiJdfQ==
|
|
@@ -5020,15 +5020,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5020
5020
|
}] } });
|
|
5021
5021
|
|
|
5022
5022
|
class SidebarNavigationComponent {
|
|
5023
|
-
constructor() {
|
|
5024
|
-
this.sections = signal([]);
|
|
5025
|
-
this.config = signal(undefined);
|
|
5026
|
-
this.activeSection = signal('');
|
|
5027
|
-
this.anchorAdjustment = 0;
|
|
5028
|
-
this.title = 'Nesta página';
|
|
5029
|
-
this.ariaLabel = 'Navegação da página';
|
|
5030
|
-
this.sectionChange = new EventEmitter();
|
|
5031
|
-
}
|
|
5032
5023
|
set navigationSections(value) {
|
|
5033
5024
|
if (!value?.length) {
|
|
5034
5025
|
throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');
|
|
@@ -5044,6 +5035,19 @@ class SidebarNavigationComponent {
|
|
|
5044
5035
|
onWindowScroll() {
|
|
5045
5036
|
this.windowScroll();
|
|
5046
5037
|
}
|
|
5038
|
+
constructor(curaService) {
|
|
5039
|
+
this.curaService = curaService;
|
|
5040
|
+
this.sections = signal([]);
|
|
5041
|
+
this.config = signal(undefined);
|
|
5042
|
+
this.activeSection = signal('');
|
|
5043
|
+
this.anchorAdjustment = 0;
|
|
5044
|
+
this.title = 'Nesta página';
|
|
5045
|
+
this.ariaLabel = 'Navegação da página';
|
|
5046
|
+
this.sectionChange = new EventEmitter();
|
|
5047
|
+
this.styleBinding = {
|
|
5048
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
5049
|
+
};
|
|
5050
|
+
}
|
|
5047
5051
|
windowScroll() {
|
|
5048
5052
|
const pageHeaderHeight = document.querySelector('.page-header')?.offsetHeight || 0;
|
|
5049
5053
|
let selectedIndex = -1;
|
|
@@ -5061,13 +5065,13 @@ class SidebarNavigationComponent {
|
|
|
5061
5065
|
}
|
|
5062
5066
|
});
|
|
5063
5067
|
}
|
|
5064
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5065
|
-
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()" } }, 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 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: ["ul{display:flex;flex-direction:column}ul li{width:100%}ul li cura-paragraph,ul li a{text-align:left}ul li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
5068
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5069
|
+
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 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"] }] }); }
|
|
5066
5070
|
}
|
|
5067
5071
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
5068
5072
|
type: Component,
|
|
5069
|
-
args: [{ selector: 'nav[rdsite-sidebar-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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 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: ["ul{display:flex;flex-direction:column}ul li{width:100%}ul li cura-paragraph,ul li a{text-align:left}ul li a{color:unset}\n"] }]
|
|
5070
|
-
}], propDecorators: { anchorAdjustment: [{
|
|
5073
|
+
args: [{ selector: 'nav[rdsite-sidebar-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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 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"] }]
|
|
5074
|
+
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { anchorAdjustment: [{
|
|
5071
5075
|
type: Input
|
|
5072
5076
|
}], title: [{
|
|
5073
5077
|
type: Input
|
|
@@ -5086,6 +5090,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5086
5090
|
}], onWindowScroll: [{
|
|
5087
5091
|
type: HostListener,
|
|
5088
5092
|
args: ['window:scroll']
|
|
5093
|
+
}], styleBinding: [{
|
|
5094
|
+
type: HostBinding,
|
|
5095
|
+
args: ['style']
|
|
5089
5096
|
}] } });
|
|
5090
5097
|
|
|
5091
5098
|
class StickyNavigationComponent {
|
|
@@ -5117,6 +5124,7 @@ class StickyNavigationComponent {
|
|
|
5117
5124
|
this.sectionChange = new EventEmitter();
|
|
5118
5125
|
this.styleBinding = {
|
|
5119
5126
|
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
5127
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
5120
5128
|
};
|
|
5121
5129
|
}
|
|
5122
5130
|
windowScroll() {
|
|
@@ -5136,11 +5144,11 @@ class StickyNavigationComponent {
|
|
|
5136
5144
|
});
|
|
5137
5145
|
}
|
|
5138
5146
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5139
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-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-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title) {\n <div class=\"title-bar\" (click)=\"isOpen = !isOpen\" [attr.aria-expanded]=\"isOpen\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"isOpen = !isOpen\">\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n <cura-icon [attr.name]=\"isOpen ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen) {\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex].title }}</b>\n </cura-paragraph>\n }\n }\n\n <ul class=\"menu\" [class.open]=\"isOpen\" 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 id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n (click)=\"isOpen = !isOpen\"\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
5147
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-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-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title) {\n <div class=\"title-bar\" (click)=\"isOpen = !isOpen\" [attr.aria-expanded]=\"isOpen\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"isOpen = !isOpen\">\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n <cura-icon [attr.name]=\"isOpen ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen) {\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex].title }}</b>\n </cura-paragraph>\n }\n }\n\n <ul class=\"menu\" [class.open]=\"isOpen\" 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 id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n (click)=\"isOpen = !isOpen\"\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
5140
5148
|
}
|
|
5141
5149
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, decorators: [{
|
|
5142
5150
|
type: Component,
|
|
5143
|
-
args: [{ selector: 'nav[rdsite-sticky-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title) {\n <div class=\"title-bar\" (click)=\"isOpen = !isOpen\" [attr.aria-expanded]=\"isOpen\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"isOpen = !isOpen\">\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n <cura-icon [attr.name]=\"isOpen ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen) {\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex].title }}</b>\n </cura-paragraph>\n }\n }\n\n <ul class=\"menu\" [class.open]=\"isOpen\" 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 id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n (click)=\"isOpen = !isOpen\"\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"] }]
|
|
5151
|
+
args: [{ selector: 'nav[rdsite-sticky-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n @if (title) {\n <div class=\"title-bar\" (click)=\"isOpen = !isOpen\" [attr.aria-expanded]=\"isOpen\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"isOpen = !isOpen\">\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\n <b>{{ title }}</b>\n </cura-paragraph>\n <cura-icon [attr.name]=\"isOpen ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen ? 'neutraldark' : 'primary-base'\"></cura-icon>\n </div>\n @if (sections().length && !isOpen) {\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\n <b>{{ sections()[selectedIndex].title }}</b>\n </cura-paragraph>\n }\n }\n\n <ul class=\"menu\" [class.open]=\"isOpen\" 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 id=\"anchor-{{ section.id }}\"\n class=\"rdsite-sticky-link\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n (click)=\"isOpen = !isOpen\"\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n >\n <b>{{ section.title }}</b>\n </a>\n </cura-paragraph>\n </li>\n }\n </ul>\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"] }]
|
|
5144
5152
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { anchorAdjustment: [{
|
|
5145
5153
|
type: Input
|
|
5146
5154
|
}], title: [{
|