@rededor/site-front-end-lib 0.0.64 → 0.0.66
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/page-template-sidebar/page-template-sidebar.component.mjs +6 -3
- package/esm2022/lib/components/section-navigation/section-navigation.component.mjs +7 -4
- package/esm2022/lib/models/section-navigation.model.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib.mjs +11 -5
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/page-template-sidebar/page-template-sidebar.component.d.ts +2 -1
- package/lib/components/section-navigation/section-navigation.component.d.ts +6 -6
- package/lib/models/section-navigation.model.d.ts +4 -4
- package/package.json +1 -1
|
@@ -5,19 +5,22 @@ import * as i1 from "@angular/common";
|
|
|
5
5
|
export class PageTemplateSidebarComponent {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.header = null;
|
|
8
|
+
this.stickyContent = null;
|
|
8
9
|
this.beforeContent = null;
|
|
9
10
|
this.content = null;
|
|
10
11
|
this.afterContent = null;
|
|
11
12
|
this.sidebarContent = null;
|
|
12
13
|
}
|
|
13
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<div class=\"rdsite-template-header\">\
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n@if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n}\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n</div>\n\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-sticky-content{grid-area:stickycontent}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}:host .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){:host .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
15
16
|
}
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-template-header\">\
|
|
19
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n@if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n}\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n</div>\n\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-sticky-content{grid-area:stickycontent}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}:host .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){:host .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
19
20
|
}], propDecorators: { header: [{
|
|
20
21
|
type: Input
|
|
22
|
+
}], stickyContent: [{
|
|
23
|
+
type: Input
|
|
21
24
|
}], beforeContent: [{
|
|
22
25
|
type: Input
|
|
23
26
|
}], content: [{
|
|
@@ -27,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
27
30
|
}], sidebarContent: [{
|
|
28
31
|
type: Input
|
|
29
32
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10ZW1wbGF0ZS1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZS10ZW1wbGF0ZS1zaWRlYmFyL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci9wYWdlLXRlbXBsYXRlLXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7QUFVdEYsTUFBTSxPQUFPLDRCQUE0QjtJQVJ6QztRQVNXLFdBQU0sR0FBNEIsSUFBSSxDQUFDO1FBQ3ZDLGtCQUFhLEdBQTRCLElBQUksQ0FBQztRQUM5QyxrQkFBYSxHQUE0QixJQUFJLENBQUM7UUFDOUMsWUFBTyxHQUE0QixJQUFJLENBQUM7UUFDeEMsaUJBQVksR0FBNEIsSUFBSSxDQUFDO1FBQzdDLG1CQUFjLEdBQTRCLElBQUksQ0FBQztLQUN6RDsrR0FQWSw0QkFBNEI7bUdBQTVCLDRCQUE0QiwwUUNYekMscytCQXFDQSwrNkNEL0JZLFlBQVk7OzRGQUtYLDRCQUE0QjtrQkFSeEMsU0FBUzsrQkFDRSw4QkFBOEIsY0FDNUIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFdBQ2QsQ0FBQyxzQkFBc0IsQ0FBQzs4QkFLeEIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jkc2l0ZS1wYWdlLXRlbXBsYXRlLXNpZGViYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS10ZW1wbGF0ZS1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VUZW1wbGF0ZVNpZGViYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBoZWFkZXI6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgc3RpY2t5Q29udGVudDogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBiZWZvcmVDb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIGNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgYWZ0ZXJDb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIHNpZGViYXJDb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG59XG4iLCI8ZGl2IGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLWhlYWRlclwiPlxuICBAaWYgKGhlYWRlcikge1xuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJcIj48L25nLWNvbnRhaW5lcj5cbiAgfVxuPC9kaXY+XG5cbkBpZiAoc3RpY2t5Q29udGVudCkge1xuICA8ZGl2IGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLXN0aWNreS1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInN0aWNreUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG59XG5cbjxkaXYgY2xhc3M9XCJyZHNpdGUtdGVtcGxhdGUtYmVmb3JlLWNvbnRlbnRcIj5cbiAgQGlmIChiZWZvcmVDb250ZW50KSB7XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJlZm9yZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgfVxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJyZHNpdGUtdGVtcGxhdGUtY29udGFpbmVyXCI+XG4gIEBpZiAoY29udGVudCkge1xuICAgIDxzZWN0aW9uIGNsYXNzPVwicmRzaXRlLWNvbnRlbnQtY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvc2VjdGlvbj5cbiAgfVxuXG4gIEBpZiAoc2lkZWJhckNvbnRlbnQpIHtcbiAgICA8YXNpZGUgY2xhc3M9XCJyZHNpdGUtc2lkZWJhci1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInNpZGViYXJDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9hc2lkZT5cbiAgfVxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJyZHNpdGUtdGVtcGxhdGUtYWZ0ZXItY29udGVudFwiPlxuICBAaWYgKGFmdGVyQ29udGVudCkge1xuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhZnRlckNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -42,18 +42,21 @@ export class SectionNavigationComponent {
|
|
|
42
42
|
}
|
|
43
43
|
onSectionClick(section) {
|
|
44
44
|
const config = this.config();
|
|
45
|
-
|
|
45
|
+
if (!config) {
|
|
46
|
+
throw new Error('navigationConfig é obrigatório.');
|
|
47
|
+
}
|
|
48
|
+
const success = this.scrollService.scrollToElement(section.id, config.offsetTop, config.smoothScroll);
|
|
46
49
|
if (success) {
|
|
47
50
|
this.activeSection.set(section.id);
|
|
48
51
|
this.sectionChange.emit(section);
|
|
49
52
|
}
|
|
50
53
|
}
|
|
51
54
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "rdsite-section-navigation", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\">\r\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n @if (activeSection() === section.id) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"primary\"\r\n font-color=\"light\"\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"'page'\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button>\r\n } @else {\r\n <cura-button-transparent\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral\"\r\n font-color=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"null\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button-transparent>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n @if (activeSection() === section.id) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"primary\"\r\n font-color=\"light\"\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"'page'\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button>\r\n } @else {\r\n <cura-button-transparent\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral\"\r\n font-color=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"null\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button-transparent>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
53
56
|
}
|
|
54
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
55
58
|
type: Component,
|
|
56
|
-
args: [{ selector: 'rdsite-section-navigation', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\">\r\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n @if (activeSection() === section.id) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"primary\"\r\n font-color=\"light\"\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"'page'\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button>\r\n } @else {\r\n <cura-button-transparent\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral\"\r\n font-color=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"null\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button-transparent>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:
|
|
59
|
+
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n @if (activeSection() === section.id) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"primary\"\r\n font-color=\"light\"\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"'page'\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button>\r\n } @else {\r\n <cura-button-transparent\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral\"\r\n font-color=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"null\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button-transparent>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"] }]
|
|
57
60
|
}], ctorParameters: () => [], propDecorators: { navigationSections: [{
|
|
58
61
|
type: Input,
|
|
59
62
|
args: [{ required: true }]
|
|
@@ -64,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
64
67
|
}], sectionChange: [{
|
|
65
68
|
type: Output
|
|
66
69
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1uYXZpZ2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvc2VjdGlvbi1uYXZpZ2F0aW9uL3NlY3Rpb24tbmF2aWdhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tbmF2aWdhdGlvbi9zZWN0aW9uLW5hdmlnYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQVksTUFBTSxFQUFVLE1BQU0sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6SSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFVL0QsTUFBTSxPQUFPLDBCQUEwQjtJQVFyQyxJQUNJLGtCQUFrQixDQUFDLEtBQThCO1FBQ25ELElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDbkIsTUFBTSxJQUFJLEtBQUssQ0FBQywyREFBMkQsQ0FBQyxDQUFDO1FBQy9FLENBQUM7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUV6QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLENBQUM7SUFDSCxDQUFDO0lBRUQsSUFDSSxnQkFBZ0IsQ0FBQyxLQUE4QjtRQUNqRCxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBUUQ7UUE5QmlCLGtCQUFhLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ3RDLGdCQUFXLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRTFDLGFBQVEsR0FBRyxNQUFNLENBQTBCLEVBQUUsQ0FBQyxDQUFDO1FBQy9DLFdBQU0sR0FBRyxNQUFNLENBQXNDLFNBQVMsQ0FBQyxDQUFDO1FBQ2hFLGtCQUFhLEdBQUcsTUFBTSxDQUFTLEVBQUUsQ0FBQyxDQUFDO1FBb0I1QyxjQUFTLEdBQUcsaUJBQWlCLENBQUM7UUFHOUIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBeUIsQ0FBQztRQUd4RCxNQUFNLENBQUMsR0FBRyxFQUFFO1lBQ1YsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2pDLElBQUksUUFBUSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO2dCQUM3QyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDekMsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNyQixNQUFNLElBQUksS0FBSyxDQUFDLDJEQUEyRCxDQUFDLENBQUM7UUFDL0UsQ0FBQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDekMsQ0FBQztJQUNILENBQUM7SUFFRCxjQUFjLENBQUMsT0FBOEI7UUFDM0MsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNaLE1BQU0sSUFBSSxLQUFLLENBQUMsaUNBQWlDLENBQUMsQ0FBQztRQUNyRCxDQUFDO1FBQ0QsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUV0RyxJQUFJLE9BQU8sRUFBRSxDQUFDO1lBQ1osSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ25DLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ25DLENBQUM7SUFDSCxDQUFDOytHQTlEVSwwQkFBMEI7bUdBQTFCLDBCQUEwQiwyUENkdkMsczhDQXdDQSw0bkJEL0JZLFlBQVk7OzRGQUtYLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FDOUIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFdBQ2QsQ0FBQyxzQkFBc0IsQ0FBQzt3REFhN0Isa0JBQWtCO3NCQURyQixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFhckIsZ0JBQWdCO3NCQURuQixLQUFLO2dCQU1OLFNBQVM7c0JBRFIsS0FBSztnQkFJTixhQUFhO3NCQURaLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgc2lnbmFsLCBjb21wdXRlZCwgZWZmZWN0LCBPbkluaXQsIGluamVjdCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTZWN0aW9uTmF2aWdhdGlvbkRhdGEsIFNlY3Rpb25OYXZpZ2F0aW9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NlY3Rpb24tbmF2aWdhdGlvbi5tb2RlbCc7XHJcbmltcG9ydCB7IFNjcm9sbFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9zY3JvbGwtc2VydmljZS9zY3JvbGwtc2VydmljZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jdXJhL2N1cmEuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ25hdltyZHNpdGUtc2VjdGlvbi1uYXZpZ2F0aW9uXScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb24tbmF2aWdhdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3NlY3Rpb24tbmF2aWdhdGlvbi5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWN0aW9uTmF2aWdhdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBzY3JvbGxTZXJ2aWNlID0gaW5qZWN0KFNjcm9sbFNlcnZpY2UpO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgY3VyYVNlcnZpY2UgPSBpbmplY3QoQ3VyYVNlcnZpY2UpO1xyXG5cclxuICByZWFkb25seSBzZWN0aW9ucyA9IHNpZ25hbDxTZWN0aW9uTmF2aWdhdGlvbkRhdGFbXT4oW10pO1xyXG4gIHJlYWRvbmx5IGNvbmZpZyA9IHNpZ25hbDxTZWN0aW9uTmF2aWdhdGlvbkNvbmZpZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcclxuICByZWFkb25seSBhY3RpdmVTZWN0aW9uID0gc2lnbmFsPHN0cmluZz4oJycpO1xyXG5cclxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxyXG4gIHNldCBuYXZpZ2F0aW9uU2VjdGlvbnModmFsdWU6IFNlY3Rpb25OYXZpZ2F0aW9uRGF0YVtdKSB7XHJcbiAgICBpZiAoIXZhbHVlPy5sZW5ndGgpIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKCdPIFNlY3Rpb25OYXZpZ2F0aW9uQ29tcG9uZW50IHJlcXVlciBwZWxvIG1lbm9zIHVtYSBzZcOnw6NvLicpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWN0aW9ucy5zZXQodmFsdWUpO1xyXG5cclxuICAgIGlmICghdGhpcy5hY3RpdmVTZWN0aW9uKCkpIHtcclxuICAgICAgdGhpcy5hY3RpdmVTZWN0aW9uLnNldCh2YWx1ZVswXS5pZCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHNldCBuYXZpZ2F0aW9uQ29uZmlnKHZhbHVlOiBTZWN0aW9uTmF2aWdhdGlvbkNvbmZpZykge1xyXG4gICAgdGhpcy5jb25maWcuc2V0KHZhbHVlKTtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYXJpYUxhYmVsID0gJ1BhZ2UgTmF2aWdhdGlvbic7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHNlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFNlY3Rpb25OYXZpZ2F0aW9uRGF0YT4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICBlZmZlY3QoKCkgPT4ge1xyXG4gICAgICBjb25zdCBzZWN0aW9ucyA9IHRoaXMuc2VjdGlvbnMoKTtcclxuICAgICAgaWYgKHNlY3Rpb25zLmxlbmd0aCAmJiAhdGhpcy5hY3RpdmVTZWN0aW9uKCkpIHtcclxuICAgICAgICB0aGlzLmFjdGl2ZVNlY3Rpb24uc2V0KHNlY3Rpb25zWzBdLmlkKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGNvbnN0IHNlY3Rpb25zID0gdGhpcy5zZWN0aW9ucygpO1xyXG4gICAgaWYgKCFzZWN0aW9ucy5sZW5ndGgpIHtcclxuICAgICAgdGhyb3cgbmV3IEVycm9yKCdPIFNlY3Rpb25OYXZpZ2F0aW9uQ29tcG9uZW50IHJlcXVlciBwZWxvIG1lbm9zIHVtYSBzZcOnw6NvLicpO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICghdGhpcy5hY3RpdmVTZWN0aW9uKCkpIHtcclxuICAgICAgdGhpcy5hY3RpdmVTZWN0aW9uLnNldChzZWN0aW9uc1swXS5pZCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvblNlY3Rpb25DbGljayhzZWN0aW9uOiBTZWN0aW9uTmF2aWdhdGlvbkRhdGEpOiB2b2lkIHtcclxuICAgIGNvbnN0IGNvbmZpZyA9IHRoaXMuY29uZmlnKCk7XHJcbiAgICBpZiAoIWNvbmZpZykge1xyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ25hdmlnYXRpb25Db25maWcgw6kgb2JyaWdhdMOzcmlvLicpO1xyXG4gICAgfVxyXG4gICAgY29uc3Qgc3VjY2VzcyA9IHRoaXMuc2Nyb2xsU2VydmljZS5zY3JvbGxUb0VsZW1lbnQoc2VjdGlvbi5pZCwgY29uZmlnLm9mZnNldFRvcCwgY29uZmlnLnNtb290aFNjcm9sbCk7XHJcblxyXG4gICAgaWYgKHN1Y2Nlc3MpIHtcclxuICAgICAgdGhpcy5hY3RpdmVTZWN0aW9uLnNldChzZWN0aW9uLmlkKTtcclxuICAgICAgdGhpcy5zZWN0aW9uQ2hhbmdlLmVtaXQoc2VjdGlvbik7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxuYXYgY2xhc3M9XCJyZHNpdGUtc2VjdGlvbi1uYXZpZ2F0aW9uXCIgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIiBbc3R5bGUudG9wLnB4XT1cImNvbmZpZygpPy5vZmZzZXRUb3AgfHwgMFwiPlxyXG4gIDx1bCBjbGFzcz1cInJkc2l0ZS1zZWN0aW9uLW5hdmlnYXRpb24tbWVudVwiIHJvbGU9XCJtZW51YmFyXCI+XHJcbiAgICBAZm9yIChzZWN0aW9uIG9mIHNlY3Rpb25zKCk7IHRyYWNrIHNlY3Rpb24uaWQpIHtcclxuICAgICAgPGxpIHJvbGU9XCJub25lXCI+XHJcbiAgICAgICAgQGlmIChhY3RpdmVTZWN0aW9uKCkgPT09IHNlY3Rpb24uaWQpIHtcclxuICAgICAgICAgIDxjdXJhLWJ1dHRvblxyXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxyXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcclxuICAgICAgICAgICAgZm9udC1jb2xvcj1cImxpZ2h0XCJcclxuICAgICAgICAgICAgdGFyZ2V0PVwiX3NlbGZcIlxyXG4gICAgICAgICAgICByb2xlPVwibWVudWl0ZW1cIlxyXG4gICAgICAgICAgICBbaWRdPVwiJ25hdi0nICsgc2VjdGlvbi5pZFwiXHJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtY3VycmVudF09XCIncGFnZSdcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwib25TZWN0aW9uQ2xpY2soc2VjdGlvbilcIlxyXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidOYXZpZ2F0ZSB0byAnICsgc2VjdGlvbi50aXRsZVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIHt7IHNlY3Rpb24udGl0bGUgfX1cclxuICAgICAgICAgIDwvY3VyYS1idXR0b24+XHJcbiAgICAgICAgfSBAZWxzZSB7XHJcbiAgICAgICAgICA8Y3VyYS1idXR0b24tdHJhbnNwYXJlbnRcclxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcclxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgIGNvbG9yPVwibmV1dHJhbFwiXHJcbiAgICAgICAgICAgIGZvbnQtY29sb3I9XCJkYXJrXCJcclxuICAgICAgICAgICAgdGFyZ2V0PVwiX3NlbGZcIlxyXG4gICAgICAgICAgICB0ZXh0LWFsaWduPVwiY2VudGVyXCJcclxuICAgICAgICAgICAgcm9sZT1cIm1lbnVpdGVtXCJcclxuICAgICAgICAgICAgW2lkXT1cIiduYXYtJyArIHNlY3Rpb24uaWRcIlxyXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwibnVsbFwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJvblNlY3Rpb25DbGljayhzZWN0aW9uKVwiXHJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ05hdmlnYXRlIHRvICcgKyBzZWN0aW9uLnRpdGxlXCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAge3sgc2VjdGlvbi50aXRsZSB9fVxyXG4gICAgICAgICAgPC9jdXJhLWJ1dHRvbi10cmFuc3BhcmVudD5cclxuICAgICAgICB9XHJcbiAgICAgIDwvbGk+XHJcbiAgICB9XHJcbiAgPC91bD5cclxuPC9uYXY+XHJcbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1uYXZpZ2F0aW9uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvbW9kZWxzL3NlY3Rpb24tbmF2aWdhdGlvbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBTZWN0aW9uTmF2aWdhdGlvbkRhdGEge1xyXG4gIGlkOiBzdHJpbmc7XHJcbiAgdGl0bGU6IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTZWN0aW9uTmF2aWdhdGlvbkNvbmZpZyB7XHJcbiAgb2Zmc2V0VG9wOiBudW1iZXI7XHJcbiAgc21vb3RoU2Nyb2xsOiBib29sZWFuO1xyXG4gIGNvbnRhaW5lckNsYXNzOiBzdHJpbmc7XHJcbn1cclxuIl19
|
|
@@ -19117,19 +19117,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19117
19117
|
class PageTemplateSidebarComponent {
|
|
19118
19118
|
constructor() {
|
|
19119
19119
|
this.header = null;
|
|
19120
|
+
this.stickyContent = null;
|
|
19120
19121
|
this.beforeContent = null;
|
|
19121
19122
|
this.content = null;
|
|
19122
19123
|
this.afterContent = null;
|
|
19123
19124
|
this.sidebarContent = null;
|
|
19124
19125
|
}
|
|
19125
19126
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19126
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<div class=\"rdsite-template-header\">\
|
|
19127
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n@if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n}\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n</div>\n\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-sticky-content{grid-area:stickycontent}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}:host .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){:host .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
19127
19128
|
}
|
|
19128
19129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
19129
19130
|
type: Component,
|
|
19130
|
-
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-template-header\">\
|
|
19131
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n@if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n}\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n</div>\n\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{display:grid;grid-template-rows:auto auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-sticky-content{grid-area:stickycontent}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}:host .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){:host .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
19131
19132
|
}], propDecorators: { header: [{
|
|
19132
19133
|
type: Input
|
|
19134
|
+
}], stickyContent: [{
|
|
19135
|
+
type: Input
|
|
19133
19136
|
}], beforeContent: [{
|
|
19134
19137
|
type: Input
|
|
19135
19138
|
}], content: [{
|
|
@@ -19358,18 +19361,21 @@ class SectionNavigationComponent {
|
|
|
19358
19361
|
}
|
|
19359
19362
|
onSectionClick(section) {
|
|
19360
19363
|
const config = this.config();
|
|
19361
|
-
|
|
19364
|
+
if (!config) {
|
|
19365
|
+
throw new Error('navigationConfig é obrigatório.');
|
|
19366
|
+
}
|
|
19367
|
+
const success = this.scrollService.scrollToElement(section.id, config.offsetTop, config.smoothScroll);
|
|
19362
19368
|
if (success) {
|
|
19363
19369
|
this.activeSection.set(section.id);
|
|
19364
19370
|
this.sectionChange.emit(section);
|
|
19365
19371
|
}
|
|
19366
19372
|
}
|
|
19367
19373
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19368
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "rdsite-section-navigation", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\">\r\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n @if (activeSection() === section.id) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"primary\"\r\n font-color=\"light\"\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"'page'\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button>\r\n } @else {\r\n <cura-button-transparent\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral\"\r\n font-color=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"null\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button-transparent>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:
|
|
19374
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n @if (activeSection() === section.id) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"primary\"\r\n font-color=\"light\"\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"'page'\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button>\r\n } @else {\r\n <cura-button-transparent\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral\"\r\n font-color=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"null\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button-transparent>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19369
19375
|
}
|
|
19370
19376
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
19371
19377
|
type: Component,
|
|
19372
|
-
args: [{ selector: 'rdsite-section-navigation', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\">\r\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n @if (activeSection() === section.id) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"primary\"\r\n font-color=\"light\"\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"'page'\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button>\r\n } @else {\r\n <cura-button-transparent\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral\"\r\n font-color=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"null\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button-transparent>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:
|
|
19378
|
+
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n @if (activeSection() === section.id) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"primary\"\r\n font-color=\"light\"\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"'page'\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button>\r\n } @else {\r\n <cura-button-transparent\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral\"\r\n font-color=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n role=\"menuitem\"\r\n [id]=\"'nav-' + section.id\"\r\n [attr.aria-current]=\"null\"\r\n (click)=\"onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navigate to ' + section.title\"\r\n >\r\n {{ section.title }}\r\n </cura-button-transparent>\r\n }\r\n </li>\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"] }]
|
|
19373
19379
|
}], ctorParameters: () => [], propDecorators: { navigationSections: [{
|
|
19374
19380
|
type: Input,
|
|
19375
19381
|
args: [{ required: true }]
|