@rededor/site-front-end-lib 1.3.57 → 1.3.59
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 +27 -9
- package/esm2022/lib/components/sticky-navigation/sticky-navigation.component.mjs +18 -10
- package/esm2022/lib/services/site-back-end/site-back-end.service.mjs +5 -2
- package/fesm2022/rededor-site-front-end-lib.mjs +45 -17
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/sidebar-navigation/sidebar-navigation.component.d.ts +8 -3
- package/lib/components/sticky-navigation/sticky-navigation.component.d.ts +5 -2
- package/lib/services/site-back-end/site-back-end.service.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1244,7 +1244,10 @@ class SiteBackendService {
|
|
|
1244
1244
|
return this.httpClientService.post(`${this.siteApiUrl}${this.libConfig.siteApi.recaptcha}`, { token });
|
|
1245
1245
|
}
|
|
1246
1246
|
getMedicoCv(medicoId) {
|
|
1247
|
-
return this.httpClientService.get(`${this.siteApiUrl}medicos/${medicoId}`);
|
|
1247
|
+
return this.httpClientService.get(`${this.siteApiUrl}medicos/curriculo/${medicoId}`);
|
|
1248
|
+
}
|
|
1249
|
+
getMedicoRqes(medicoId) {
|
|
1250
|
+
return this.httpClientService.get(`${this.siteApiUrl}medicos/rqe?medicoId=${medicoId}`);
|
|
1248
1251
|
}
|
|
1249
1252
|
getCentrosMedicos(categoria = '') {
|
|
1250
1253
|
const params = categoria ? `?categoria=${categoria}` : '';
|
|
@@ -5046,13 +5049,17 @@ class SidebarNavigationComponent {
|
|
|
5046
5049
|
onWindowScroll() {
|
|
5047
5050
|
this.windowScroll();
|
|
5048
5051
|
}
|
|
5049
|
-
constructor(curaService, router) {
|
|
5052
|
+
constructor(curaService, router, platformId, document) {
|
|
5050
5053
|
this.curaService = curaService;
|
|
5051
5054
|
this.router = router;
|
|
5055
|
+
this.platformId = platformId;
|
|
5056
|
+
this.document = document;
|
|
5052
5057
|
this.sections = signal([]);
|
|
5053
5058
|
this.config = signal(undefined);
|
|
5054
5059
|
this.activeSection = signal('');
|
|
5055
5060
|
this.selectedIndex = 0;
|
|
5061
|
+
this.defaultAnchorAdjustment = 0;
|
|
5062
|
+
this.menuHeaderHeight = 0;
|
|
5056
5063
|
this.anchorAdjustment = 0;
|
|
5057
5064
|
this.title = 'Nesta página';
|
|
5058
5065
|
this.ariaLabel = 'Navegação da página';
|
|
@@ -5062,15 +5069,22 @@ class SidebarNavigationComponent {
|
|
|
5062
5069
|
'--font-family': this.curaService.getFontFamily(''),
|
|
5063
5070
|
};
|
|
5064
5071
|
}
|
|
5072
|
+
ngAfterViewInit() {
|
|
5073
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
5074
|
+
setTimeout(() => {
|
|
5075
|
+
this.menuHeaderHeight = this.document.querySelector('header[sl-hdr]')?.offsetHeight || 0;
|
|
5076
|
+
this.defaultAnchorAdjustment = this.menuHeaderHeight + (this.padding - 1);
|
|
5077
|
+
}, 200);
|
|
5078
|
+
}
|
|
5079
|
+
}
|
|
5065
5080
|
windowScroll() {
|
|
5066
|
-
const pageHeaderHeight = document.querySelector('.page-header')?.offsetHeight || 0;
|
|
5067
5081
|
this.selectedIndex = -1;
|
|
5068
5082
|
this.sections()?.forEach((section, index) => {
|
|
5069
5083
|
const element = document.querySelector(`#${section.id}`);
|
|
5070
5084
|
if (!element)
|
|
5071
5085
|
return;
|
|
5072
5086
|
const elementTop = element.getBoundingClientRect().top + window.scrollY;
|
|
5073
|
-
const currentScroll = window.scrollY +
|
|
5087
|
+
const currentScroll = window.scrollY + this.menuHeaderHeight + this.padding;
|
|
5074
5088
|
if (currentScroll >= elementTop) {
|
|
5075
5089
|
this.selectedIndex = index;
|
|
5076
5090
|
if (this.sections()?.[this.selectedIndex]) {
|
|
@@ -5085,13 +5099,19 @@ class SidebarNavigationComponent {
|
|
|
5085
5099
|
onSectionClick(event) {
|
|
5086
5100
|
this.sectionChange.emit(event);
|
|
5087
5101
|
}
|
|
5088
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: CuraService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5089
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n @if (title) {\r\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n }\r\n <ul role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sidebar-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>\r\n {{ section.title }}\r\n </b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n </cura-card>\r\n</nav>\r\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"] }] }); }
|
|
5102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: CuraService }, { token: i2.Router }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n @if (title) {\r\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n }\r\n <ul role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sidebar-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>\r\n {{ section.title }}\r\n </b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n </cura-card>\r\n</nav>\r\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"] }] }); }
|
|
5090
5104
|
}
|
|
5091
5105
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
5092
5106
|
type: Component,
|
|
5093
|
-
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\">\r\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n @if (title) {\r\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n }\r\n <ul role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sidebar-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>\r\n {{ section.title }}\r\n </b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n </cura-card>\r\n</nav>\r\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"] }]
|
|
5094
|
-
}], ctorParameters: () => [{ type: CuraService }, { type: i2.Router }
|
|
5107
|
+
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\">\r\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n @if (title) {\r\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n }\r\n <ul role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sidebar-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>\r\n {{ section.title }}\r\n </b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n </cura-card>\r\n</nav>\r\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"] }]
|
|
5108
|
+
}], ctorParameters: () => [{ type: CuraService }, { type: i2.Router }, { type: undefined, decorators: [{
|
|
5109
|
+
type: Inject,
|
|
5110
|
+
args: [PLATFORM_ID]
|
|
5111
|
+
}] }, { type: Document, decorators: [{
|
|
5112
|
+
type: Inject,
|
|
5113
|
+
args: [DOCUMENT]
|
|
5114
|
+
}] }], propDecorators: { anchorAdjustment: [{
|
|
5095
5115
|
type: Input
|
|
5096
5116
|
}], title: [{
|
|
5097
5117
|
type: Input
|
|
@@ -5144,6 +5164,8 @@ class StickyNavigationComponent {
|
|
|
5144
5164
|
this.isOpen = signal(false);
|
|
5145
5165
|
this.selectedIndex = 0;
|
|
5146
5166
|
this.defaultAnchorAdjustment = 0;
|
|
5167
|
+
this.menuHeaderHeight = 0;
|
|
5168
|
+
this.menuStickyClosedHeight = 0;
|
|
5147
5169
|
this.anchorAdjustment = 0;
|
|
5148
5170
|
this.title = 'Nesta página';
|
|
5149
5171
|
this.ariaLabel = 'Navegação da página';
|
|
@@ -5154,15 +5176,21 @@ class StickyNavigationComponent {
|
|
|
5154
5176
|
'--font-family': this.curaService.getFontFamily(''),
|
|
5155
5177
|
};
|
|
5156
5178
|
}
|
|
5179
|
+
ngAfterViewInit() {
|
|
5180
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
5181
|
+
setTimeout(() => {
|
|
5182
|
+
this.menuHeaderHeight = this.document.querySelector('header[sl-hdr]')?.offsetHeight || 0;
|
|
5183
|
+
this.menuStickyClosedHeight = this.document.querySelector('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;
|
|
5184
|
+
}, 200);
|
|
5185
|
+
}
|
|
5186
|
+
}
|
|
5157
5187
|
windowScroll() {
|
|
5158
|
-
const pageHeaderHeight = document.querySelector('header')?.offsetHeight || 0;
|
|
5159
|
-
const stickybarHeight = document.querySelector('.rdsite-sticky-navigation')?.offsetHeight || 0;
|
|
5160
5188
|
this.sections()?.forEach((section, index) => {
|
|
5161
|
-
const element = document.querySelector(`#${section.id}`);
|
|
5189
|
+
const element = this.document.querySelector(`#${section.id}`);
|
|
5162
5190
|
if (!element)
|
|
5163
5191
|
return;
|
|
5164
5192
|
const elementTop = element.getBoundingClientRect().top + window.scrollY;
|
|
5165
|
-
const currentScroll = window.scrollY +
|
|
5193
|
+
const currentScroll = window.scrollY + this.menuHeaderHeight + this.menuStickyClosedHeight + this.padding;
|
|
5166
5194
|
if (currentScroll >= elementTop) {
|
|
5167
5195
|
this.selectedIndex = index;
|
|
5168
5196
|
if (this.sections()?.[this.selectedIndex]) {
|
|
@@ -5182,18 +5210,18 @@ class StickyNavigationComponent {
|
|
|
5182
5210
|
this.isOpen.update((value) => !value);
|
|
5183
5211
|
if (isPlatformBrowser(this.platformId) && this.isOpen() && !this.anchorAdjustment) {
|
|
5184
5212
|
setTimeout(() => {
|
|
5185
|
-
|
|
5186
|
-
const
|
|
5187
|
-
this.defaultAnchorAdjustment =
|
|
5213
|
+
// Utilizo o timeout para pegar a altura do elemento depois dele aberto
|
|
5214
|
+
const menuStickyOpenedHeight = this.document.querySelector('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;
|
|
5215
|
+
this.defaultAnchorAdjustment = menuStickyOpenedHeight + this.menuHeaderHeight;
|
|
5188
5216
|
}, 100);
|
|
5189
5217
|
}
|
|
5190
5218
|
}
|
|
5191
5219
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, deps: [{ token: CuraService }, { token: i2.Router }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5192
|
-
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", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n @if (title) {\r\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n </div>\r\n @if (sections().length && !isOpen()) {\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n <b>{{ sections()[selectedIndex].title }}</b>\r\n </cura-paragraph>\r\n }\r\n }\r\n\r\n @if (isOpen()) {\r\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sticky-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n rdsitelink\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n [anchorAdjustment]=\"
|
|
5220
|
+
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", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n @if (title) {\r\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n </div>\r\n @if (sections().length && !isOpen()) {\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n <b>{{ sections()[selectedIndex].title }}</b>\r\n </cura-paragraph>\r\n }\r\n }\r\n\r\n @if (isOpen()) {\r\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sticky-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n rdsitelink\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>{{ section.title }}</b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</nav>\r\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"] }] }); }
|
|
5193
5221
|
}
|
|
5194
5222
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, decorators: [{
|
|
5195
5223
|
type: Component,
|
|
5196
|
-
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\">\r\n @if (title) {\r\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n </div>\r\n @if (sections().length && !isOpen()) {\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n <b>{{ sections()[selectedIndex].title }}</b>\r\n </cura-paragraph>\r\n }\r\n }\r\n\r\n @if (isOpen()) {\r\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sticky-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n rdsitelink\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n [anchorAdjustment]=\"
|
|
5224
|
+
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\">\r\n @if (title) {\r\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n </div>\r\n @if (sections().length && !isOpen()) {\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n <b>{{ sections()[selectedIndex].title }}</b>\r\n </cura-paragraph>\r\n }\r\n }\r\n\r\n @if (isOpen()) {\r\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sticky-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n rdsitelink\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>{{ section.title }}</b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</nav>\r\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"] }]
|
|
5197
5225
|
}], ctorParameters: () => [{ type: CuraService }, { type: i2.Router }, { type: undefined, decorators: [{
|
|
5198
5226
|
type: Inject,
|
|
5199
5227
|
args: [PLATFORM_ID]
|