@rededor/site-front-end-lib 0.0.54 → 0.0.56
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/README.md +80 -80
- package/esm2022/lib/components/algolia/algolia.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +8 -6
- package/esm2022/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.mjs +59 -0
- package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +6 -6
- package/esm2022/lib/components/error/error-service/error.service.mjs +1 -1
- package/esm2022/lib/components/error/error.component.mjs +46 -19
- package/esm2022/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs +9 -5
- package/esm2022/lib/components/footer/components/footer-disclaimer/footer-disclaimer.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-menu/footer-menu.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-menu-item/footer-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-social-medias/footer-social-medias.component.mjs +3 -3
- package/esm2022/lib/components/footer/footer.component.mjs +3 -3
- package/esm2022/lib/components/footer/helpers/footerTheme.func.mjs +1 -1
- package/esm2022/lib/components/footer/models/FooterTheme.model.mjs +1 -1
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu/header-aux-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-container/header-aux-menu-container.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-logo/header-logo.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu/header-main-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu/header-side-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/header.component.mjs +3 -3
- package/esm2022/lib/components/header/helpers/headerTheme.func.mjs +1 -1
- package/esm2022/lib/components/header/models/HeaderTheme.model.mjs +1 -1
- package/esm2022/lib/components/header/services/header.service.mjs +1 -1
- package/esm2022/lib/components/image/image.component.mjs +61 -0
- package/esm2022/lib/components/index.mjs +3 -1
- package/esm2022/lib/components/load-screen/load-screen.component.mjs +3 -3
- package/esm2022/lib/components/overlay/overlay.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.component.mjs +11 -8
- package/esm2022/lib/components/page-template-sidebar/page-template-sidebar.component.mjs +3 -3
- package/esm2022/lib/components/search/search.component.mjs +3 -3
- package/esm2022/lib/components/section-navigation/section-navigation.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/models/SideCta.model.mjs +1 -1
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +3 -3
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +3 -3
- package/esm2022/lib/directives/index.mjs +1 -1
- package/esm2022/lib/directives/rdsite-click-outside/rdsite-click-outside.directive.mjs +1 -1
- package/esm2022/lib/directives/rdsite-link/rdsite-link.directive.mjs +1 -1
- package/esm2022/lib/directives/rdsite-phone-modal/rdsite-phone-modal.directive.mjs +1 -1
- package/esm2022/lib/enums/EnumDoencaTaxonomy.enum.mjs +1 -1
- package/esm2022/lib/enums/EnumError.enum.mjs +1 -1
- package/esm2022/lib/enums/EnumThemes.enum.mjs +1 -1
- package/esm2022/lib/enums/Estados.enum.mjs +1 -1
- package/esm2022/lib/enums/IconCuraDefaultType.enum.mjs +1 -1
- package/esm2022/lib/enums/ImageMimeType.enum.mjs +7 -0
- package/esm2022/lib/enums/RdsiteModalComponentStyle.enum.mjs +1 -1
- package/esm2022/lib/enums/RdsiteModalDrawerComponentStyle.enum.mjs +1 -1
- package/esm2022/lib/enums/UnidadeCoverageType.enum.mjs +7 -0
- package/esm2022/lib/enums/index.mjs +3 -1
- package/esm2022/lib/helpers/check-safari-agent.func.mjs +1 -1
- package/esm2022/lib/helpers/formatPhone.func.mjs +1 -1
- package/esm2022/lib/helpers/getSiteUrl.func.mjs +1 -1
- package/esm2022/lib/helpers/index.mjs +1 -1
- package/esm2022/lib/helpers/mediaQueries.mjs +1 -1
- package/esm2022/lib/helpers/removeDuplicateObjectsFromArray.func.mjs +1 -1
- package/esm2022/lib/helpers/removeDuplicateValuesFromArray.func.mjs +1 -1
- package/esm2022/lib/helpers/removeHtmlTags.func.mjs +1 -1
- package/esm2022/lib/helpers/toQueryParams.func.mjs +1 -1
- package/esm2022/lib/models/algolia-search-api.model.mjs +1 -1
- package/esm2022/lib/models/algolia.model.mjs +1 -1
- package/esm2022/lib/models/breadcrumbs/breadcrumbs-items.model.mjs +1 -1
- package/esm2022/lib/models/breadcrumbs/breadcrumbs-json-item.model.mjs +1 -1
- package/esm2022/lib/models/centro-estudos-backend.model.mjs +1 -1
- package/esm2022/lib/models/doenca-backend.model.mjs +1 -1
- package/esm2022/lib/models/doenca-taxonomy.model.mjs +1 -1
- package/esm2022/lib/models/especialidade-backend.model.mjs +1 -1
- package/esm2022/lib/models/exame-backend.model.mjs +1 -1
- package/esm2022/lib/models/images/rdsite-image.model.mjs +2 -0
- package/esm2022/lib/models/medico-cv.model.mjs +1 -1
- package/esm2022/lib/models/menu-de-unidade.model.mjs +1 -1
- package/esm2022/lib/models/menu-item.model.mjs +1 -1
- package/esm2022/lib/models/privacy-tools/privacy-tools.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-cobertura.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-convenio.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-especialidade.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-planos.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-post-category.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-unidade.model.mjs +1 -1
- package/esm2022/lib/models/section-navigation.model.mjs +1 -1
- package/esm2022/lib/models/seo/seo-data.model.mjs +1 -1
- package/esm2022/lib/models/seo/seo-unidade.model.mjs +1 -1
- package/esm2022/lib/models/social-meta-properties.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/WpResponse.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/category/wpCategory.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/content.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/excerpt.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/featuredMedia.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/guid.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/index.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/links.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/meta.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/title.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/yoastData.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/yoastHeadJson.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/yoastMeta.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/page/page.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/post/post.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-onco.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site-detalhe.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site.model.mjs +1 -1
- package/esm2022/lib/pipes/index.mjs +1 -1
- package/esm2022/lib/pipes/phone/phone.pipe.mjs +1 -1
- package/esm2022/lib/services/algolia/algolia.service.mjs +1 -1
- package/esm2022/lib/services/algolia-search-api/algolia-search-api.service.mjs +3 -1
- package/esm2022/lib/services/cura/cura.service.mjs +3 -3
- package/esm2022/lib/services/http-client/http-client.service.mjs +1 -1
- package/esm2022/lib/services/index.mjs +1 -1
- package/esm2022/lib/services/log/log.service.mjs +1 -1
- package/esm2022/lib/services/modal/modal.service.mjs +1 -1
- package/esm2022/lib/services/modal-drawer/modal-drawer.service.mjs +1 -1
- package/esm2022/lib/services/ngu-carousel/ngu-carousel.service.mjs +1 -1
- package/esm2022/lib/services/phone/phone.service.mjs +1 -1
- package/esm2022/lib/services/privacy-tools/privacy-tools.service.mjs +1 -1
- package/esm2022/lib/services/scroll-service/scroll-service.service.mjs +1 -1
- package/esm2022/lib/services/seo/seo.service.mjs +1 -1
- package/esm2022/lib/services/server-response/server-response.service.mjs +1 -1
- package/esm2022/lib/services/site-back-end/site-back-end.service.mjs +1 -1
- package/esm2022/lib/services/ssr-loading/ssr-loading.service.mjs +1 -1
- package/esm2022/lib/services/transfer-state/transfer-state.service.mjs +1 -1
- package/esm2022/lib/tokens/CuraApi.mjs +1 -1
- package/esm2022/lib/tokens/LibConfig.mjs +1 -1
- package/esm2022/lib/tokens/express.tokens.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib.mjs +260 -99
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.d.ts +40 -0
- package/lib/components/error/error-service/error.service.d.ts +2 -2
- package/lib/components/error/error.component.d.ts +8 -6
- package/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.d.ts +3 -2
- package/lib/components/image/image.component.d.ts +22 -0
- package/lib/components/index.d.ts +2 -0
- package/lib/components/page-header/page-header.component.d.ts +3 -4
- package/lib/enums/ImageMimeType.enum.d.ts +5 -0
- package/lib/enums/UnidadeCoverageType.enum.d.ts +5 -0
- package/lib/enums/index.d.ts +2 -0
- package/lib/models/images/rdsite-image.model.d.ts +5 -0
- package/lib/services/cura/cura.service.d.ts +1 -1
- package/lib/tokens/LibConfig.d.ts +1 -0
- package/package.json +1 -1
- package/styles/_breakpoints.scss +5 -5
|
@@ -324,8 +324,8 @@ class CuraService {
|
|
|
324
324
|
loadTheme(theme) {
|
|
325
325
|
this.curaApi?.theme?.load(theme);
|
|
326
326
|
}
|
|
327
|
-
getColor(colorWithDepth) {
|
|
328
|
-
return this.curaApi?.theme?.colors.getColor(colorWithDepth) ?? null;
|
|
327
|
+
getColor(colorWithDepth, opacity = 1) {
|
|
328
|
+
return this.curaApi?.theme?.colors.getColor(colorWithDepth, opacity) ?? null;
|
|
329
329
|
}
|
|
330
330
|
getSpacing() {
|
|
331
331
|
return this.curaApi?.theme.spacing.getSpacing() ?? null;
|
|
@@ -17062,6 +17062,7 @@ class AlgoliaSearchApiService {
|
|
|
17062
17062
|
.then((response) => {
|
|
17063
17063
|
this.subscriberNext(subscriber, response);
|
|
17064
17064
|
}, (err) => {
|
|
17065
|
+
console.log(err);
|
|
17065
17066
|
this.subscriberError(subscriber, err);
|
|
17066
17067
|
});
|
|
17067
17068
|
}
|
|
@@ -17083,6 +17084,7 @@ class AlgoliaSearchApiService {
|
|
|
17083
17084
|
});
|
|
17084
17085
|
}
|
|
17085
17086
|
initAPI() {
|
|
17087
|
+
console.log(this.libConfig.environmentName, this.libConfig.siteProject, this.libConfig.client_id);
|
|
17086
17088
|
this.searchAPI = new SearchAPISDK(this.libConfig.environmentName, this.libConfig.siteProject, this.libConfig.client_id);
|
|
17087
17089
|
}
|
|
17088
17090
|
subscriberNext(subscriber, value) {
|
|
@@ -17123,11 +17125,11 @@ class FooterDisclaimerComponent {
|
|
|
17123
17125
|
this.footerCookieClick.emit(event);
|
|
17124
17126
|
}
|
|
17125
17127
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterDisclaimerComponent, deps: [{ token: PrivacyToolsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17126
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FooterDisclaimerComponent, isStandalone: true, selector: "rdsite-footer-disclaimer", inputs: { currentYear: "currentYear", disclaimerText: "disclaimerText" }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick" }, ngImport: i0, template: "<div class=\"rdsite-footer-disclaimer\">\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\n <ul class=\"rdsite-footer-disclaimer-links\">\n <li>\n <a\n href=\"https://dpo.privacytools.com.br/policy-view/DPO8r0aQk/1/aviso-de-privacidade/pt_BR\"\n target=\"_blank\"\n data-testid=\"_avisoPrivacidade\"\n (click)=\"footerPrivacyClicked($event)\"\n >\n Aviso de Privacidade\n </a>\n </li>\n <li>\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\n </li>\n </ul>\n</div>\n", styles: [".rdsite-footer-disclaimer{height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.rdsite-footer-disclaimer-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--footer-disc-color)}.rdsite-footer-disclaimer-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.rdsite-footer-disclaimer-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--footer-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.rdsite-footer-disclaimer{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.rdsite-footer-disclaimer-links{gap:36px}}\n"] }); }
|
|
17128
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FooterDisclaimerComponent, isStandalone: true, selector: "rdsite-footer-disclaimer", inputs: { currentYear: "currentYear", disclaimerText: "disclaimerText" }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick" }, ngImport: i0, template: "<div class=\"rdsite-footer-disclaimer\">\r\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\r\n <ul class=\"rdsite-footer-disclaimer-links\">\r\n <li>\r\n <a\r\n href=\"https://dpo.privacytools.com.br/policy-view/DPO8r0aQk/1/aviso-de-privacidade/pt_BR\"\r\n target=\"_blank\"\r\n data-testid=\"_avisoPrivacidade\"\r\n (click)=\"footerPrivacyClicked($event)\"\r\n >\r\n Aviso de Privacidade\r\n </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".rdsite-footer-disclaimer{height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.rdsite-footer-disclaimer-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--footer-disc-color)}.rdsite-footer-disclaimer-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.rdsite-footer-disclaimer-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--footer-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.rdsite-footer-disclaimer{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.rdsite-footer-disclaimer-links{gap:36px}}\n"] }); }
|
|
17127
17129
|
}
|
|
17128
17130
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterDisclaimerComponent, decorators: [{
|
|
17129
17131
|
type: Component,
|
|
17130
|
-
args: [{ selector: 'rdsite-footer-disclaimer', standalone: true, imports: [], template: "<div class=\"rdsite-footer-disclaimer\">\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\n <ul class=\"rdsite-footer-disclaimer-links\">\n <li>\n <a\n href=\"https://dpo.privacytools.com.br/policy-view/DPO8r0aQk/1/aviso-de-privacidade/pt_BR\"\n target=\"_blank\"\n data-testid=\"_avisoPrivacidade\"\n (click)=\"footerPrivacyClicked($event)\"\n >\n Aviso de Privacidade\n </a>\n </li>\n <li>\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\n </li>\n </ul>\n</div>\n", styles: [".rdsite-footer-disclaimer{height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.rdsite-footer-disclaimer-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--footer-disc-color)}.rdsite-footer-disclaimer-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.rdsite-footer-disclaimer-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--footer-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.rdsite-footer-disclaimer{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.rdsite-footer-disclaimer-links{gap:36px}}\n"] }]
|
|
17132
|
+
args: [{ selector: 'rdsite-footer-disclaimer', standalone: true, imports: [], template: "<div class=\"rdsite-footer-disclaimer\">\r\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\r\n <ul class=\"rdsite-footer-disclaimer-links\">\r\n <li>\r\n <a\r\n href=\"https://dpo.privacytools.com.br/policy-view/DPO8r0aQk/1/aviso-de-privacidade/pt_BR\"\r\n target=\"_blank\"\r\n data-testid=\"_avisoPrivacidade\"\r\n (click)=\"footerPrivacyClicked($event)\"\r\n >\r\n Aviso de Privacidade\r\n </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".rdsite-footer-disclaimer{height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.rdsite-footer-disclaimer-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--footer-disc-color)}.rdsite-footer-disclaimer-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.rdsite-footer-disclaimer-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--footer-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.rdsite-footer-disclaimer{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.rdsite-footer-disclaimer-links{gap:36px}}\n"] }]
|
|
17131
17133
|
}], ctorParameters: () => [{ type: PrivacyToolsService }], propDecorators: { currentYear: [{
|
|
17132
17134
|
type: Input
|
|
17133
17135
|
}], disclaimerText: [{
|
|
@@ -17405,11 +17407,11 @@ class FooterMenuItemComponent {
|
|
|
17405
17407
|
this.footerMenuItemClick.emit(event);
|
|
17406
17408
|
}
|
|
17407
17409
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17408
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterMenuItemComponent, isStandalone: true, selector: "rdsite-footer-menu-item", inputs: { url: "url", title: "title", children: "children", altStyle: "altStyle" }, outputs: { footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "@if (title) {\n <div class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event); footerMenuItemClicked($event)\">\n <span>{{ title }}</span>\n </a>\n\n @if (children.length) {\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\n }\n </div>\n\n @if (children.length) {\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\n @for (submenu of children; track submenu.title) {\n <li class=\"rdsite-footer-menu-item-children-item\">\n <rdsite-footer-menu-item\n [url]=\"submenu.url\"\n [title]=\"submenu.title\"\n [children]=\"submenu?.children ?? []\"\n [altStyle]=\"true\"\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\n ></rdsite-footer-menu-item>\n </li>\n }\n </ul>\n }\n}\n", styles: [".rdsite-footer-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link{text-align:left;padding:8px 0;text-decoration:none}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link span{color:var(--footer-color);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.56px}.rdsite-footer-menu-item:hover a span{color:var(--footer-menu-hover-color)}.rdsite-footer-menu-item:hover cura-icon{--color: var(--footer-menu-hover-color) !important}.rdsite-footer-menu-item:active a span{color:var(--footer-menu-active-color)}.rdsite-footer-menu-item:active cura-icon{--color: var(--footer-menu-active-color) !important}.rdsite-footer-menu-item.alt a.rdsite-footer-menu-item-link span{color:var(--footer-alt-color);font-size:12px;font-style:normal;font-weight:300;text-decoration:none}.rdsite-footer-menu-item.alt:hover a span{color:var(--footer-menu-alt-hover-color)}.rdsite-footer-menu-item.alt:hover cura-icon{--color: var(--footer-menu-alt-hover-color) !important}.rdsite-footer-menu-item.alt:active a span{color:var(--footer-menu-alt-active-color)}.rdsite-footer-menu-item.alt:active cura-icon{--color: var(--footer-menu-alt-active-color) !important}.rdsite-footer-menu-item.have-children{width:100%}.rdsite-footer-menu-item cura-icon{display:inline}.rdsite-footer-menu-item-children{list-style:none}.rdsite-footer-menu-item-children.closed{display:none}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.rdsite-footer-menu-item cura-icon{display:none}.rdsite-footer-menu-item.have-children{width:auto}.rdsite-footer-menu-item-children.closed{display:block}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}}\n"], dependencies: [{ kind: "component", type: FooterMenuItemComponent, selector: "rdsite-footer-menu-item", inputs: ["url", "title", "children", "altStyle"], outputs: ["footerMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
17410
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterMenuItemComponent, isStandalone: true, selector: "rdsite-footer-menu-item", inputs: { url: "url", title: "title", children: "children", altStyle: "altStyle" }, outputs: { footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "@if (title) {\r\n <div class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\r\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event); footerMenuItemClicked($event)\">\r\n <span>{{ title }}</span>\r\n </a>\r\n\r\n @if (children.length) {\r\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n </div>\r\n\r\n @if (children.length) {\r\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\r\n @for (submenu of children; track submenu.title) {\r\n <li class=\"rdsite-footer-menu-item-children-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"submenu.url\"\r\n [title]=\"submenu.title\"\r\n [children]=\"submenu?.children ?? []\"\r\n [altStyle]=\"true\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".rdsite-footer-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link{text-align:left;padding:8px 0;text-decoration:none}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link span{color:var(--footer-color);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.56px}.rdsite-footer-menu-item:hover a span{color:var(--footer-menu-hover-color)}.rdsite-footer-menu-item:hover cura-icon{--color: var(--footer-menu-hover-color) !important}.rdsite-footer-menu-item:active a span{color:var(--footer-menu-active-color)}.rdsite-footer-menu-item:active cura-icon{--color: var(--footer-menu-active-color) !important}.rdsite-footer-menu-item.alt a.rdsite-footer-menu-item-link span{color:var(--footer-alt-color);font-size:12px;font-style:normal;font-weight:300;text-decoration:none}.rdsite-footer-menu-item.alt:hover a span{color:var(--footer-menu-alt-hover-color)}.rdsite-footer-menu-item.alt:hover cura-icon{--color: var(--footer-menu-alt-hover-color) !important}.rdsite-footer-menu-item.alt:active a span{color:var(--footer-menu-alt-active-color)}.rdsite-footer-menu-item.alt:active cura-icon{--color: var(--footer-menu-alt-active-color) !important}.rdsite-footer-menu-item.have-children{width:100%}.rdsite-footer-menu-item cura-icon{display:inline}.rdsite-footer-menu-item-children{list-style:none}.rdsite-footer-menu-item-children.closed{display:none}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.rdsite-footer-menu-item cura-icon{display:none}.rdsite-footer-menu-item.have-children{width:auto}.rdsite-footer-menu-item-children.closed{display:block}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}}\n"], dependencies: [{ kind: "component", type: FooterMenuItemComponent, selector: "rdsite-footer-menu-item", inputs: ["url", "title", "children", "altStyle"], outputs: ["footerMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
17409
17411
|
}
|
|
17410
17412
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuItemComponent, decorators: [{
|
|
17411
17413
|
type: Component,
|
|
17412
|
-
args: [{ selector: 'rdsite-footer-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\n <div class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event); footerMenuItemClicked($event)\">\n <span>{{ title }}</span>\n </a>\n\n @if (children.length) {\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\n }\n </div>\n\n @if (children.length) {\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\n @for (submenu of children; track submenu.title) {\n <li class=\"rdsite-footer-menu-item-children-item\">\n <rdsite-footer-menu-item\n [url]=\"submenu.url\"\n [title]=\"submenu.title\"\n [children]=\"submenu?.children ?? []\"\n [altStyle]=\"true\"\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\n ></rdsite-footer-menu-item>\n </li>\n }\n </ul>\n }\n}\n", styles: [".rdsite-footer-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link{text-align:left;padding:8px 0;text-decoration:none}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link span{color:var(--footer-color);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.56px}.rdsite-footer-menu-item:hover a span{color:var(--footer-menu-hover-color)}.rdsite-footer-menu-item:hover cura-icon{--color: var(--footer-menu-hover-color) !important}.rdsite-footer-menu-item:active a span{color:var(--footer-menu-active-color)}.rdsite-footer-menu-item:active cura-icon{--color: var(--footer-menu-active-color) !important}.rdsite-footer-menu-item.alt a.rdsite-footer-menu-item-link span{color:var(--footer-alt-color);font-size:12px;font-style:normal;font-weight:300;text-decoration:none}.rdsite-footer-menu-item.alt:hover a span{color:var(--footer-menu-alt-hover-color)}.rdsite-footer-menu-item.alt:hover cura-icon{--color: var(--footer-menu-alt-hover-color) !important}.rdsite-footer-menu-item.alt:active a span{color:var(--footer-menu-alt-active-color)}.rdsite-footer-menu-item.alt:active cura-icon{--color: var(--footer-menu-alt-active-color) !important}.rdsite-footer-menu-item.have-children{width:100%}.rdsite-footer-menu-item cura-icon{display:inline}.rdsite-footer-menu-item-children{list-style:none}.rdsite-footer-menu-item-children.closed{display:none}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.rdsite-footer-menu-item cura-icon{display:none}.rdsite-footer-menu-item.have-children{width:auto}.rdsite-footer-menu-item-children.closed{display:block}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}}\n"] }]
|
|
17414
|
+
args: [{ selector: 'rdsite-footer-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\r\n <div class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\r\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event); footerMenuItemClicked($event)\">\r\n <span>{{ title }}</span>\r\n </a>\r\n\r\n @if (children.length) {\r\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n </div>\r\n\r\n @if (children.length) {\r\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\r\n @for (submenu of children; track submenu.title) {\r\n <li class=\"rdsite-footer-menu-item-children-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"submenu.url\"\r\n [title]=\"submenu.title\"\r\n [children]=\"submenu?.children ?? []\"\r\n [altStyle]=\"true\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".rdsite-footer-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link{text-align:left;padding:8px 0;text-decoration:none}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link span{color:var(--footer-color);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.56px}.rdsite-footer-menu-item:hover a span{color:var(--footer-menu-hover-color)}.rdsite-footer-menu-item:hover cura-icon{--color: var(--footer-menu-hover-color) !important}.rdsite-footer-menu-item:active a span{color:var(--footer-menu-active-color)}.rdsite-footer-menu-item:active cura-icon{--color: var(--footer-menu-active-color) !important}.rdsite-footer-menu-item.alt a.rdsite-footer-menu-item-link span{color:var(--footer-alt-color);font-size:12px;font-style:normal;font-weight:300;text-decoration:none}.rdsite-footer-menu-item.alt:hover a span{color:var(--footer-menu-alt-hover-color)}.rdsite-footer-menu-item.alt:hover cura-icon{--color: var(--footer-menu-alt-hover-color) !important}.rdsite-footer-menu-item.alt:active a span{color:var(--footer-menu-alt-active-color)}.rdsite-footer-menu-item.alt:active cura-icon{--color: var(--footer-menu-alt-active-color) !important}.rdsite-footer-menu-item.have-children{width:100%}.rdsite-footer-menu-item cura-icon{display:inline}.rdsite-footer-menu-item-children{list-style:none}.rdsite-footer-menu-item-children.closed{display:none}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.rdsite-footer-menu-item cura-icon{display:none}.rdsite-footer-menu-item.have-children{width:auto}.rdsite-footer-menu-item-children.closed{display:block}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}}\n"] }]
|
|
17413
17415
|
}], propDecorators: { url: [{
|
|
17414
17416
|
type: Input
|
|
17415
17417
|
}], title: [{
|
|
@@ -17432,11 +17434,11 @@ class FooterMenuComponent {
|
|
|
17432
17434
|
this.footerMenuItemClick.emit(event);
|
|
17433
17435
|
}
|
|
17434
17436
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17435
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterMenuComponent, isStandalone: true, selector: "rdsite-footer-menu", inputs: { footerMenu: "footerMenu", partnerships: "partnerships" }, outputs: { footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "@if (footerMenu.length) {\n <div class=\"rdsite-footer-menu\">\n <nav>\n <ul class=\"rdsite-footer-menu-list\">\n @for (menu of footerMenu; track menu.title) {\n <li class=\"rdsite-footer-menu-list-item\">\n <rdsite-footer-menu-item\n [url]=\"menu.url\"\n [title]=\"menu.title\"\n [children]=\"menu?.children ?? []\"\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\n ></rdsite-footer-menu-item>\n </li>\n }\n </ul>\n </nav>\n </div>\n}\n\n@if (partnerships) {\n <div class=\"rdsite-footer-partnerships\">\n <rdsite-footer-menu-item\n url=\"\"\n [title]=\"partnerships.title ?? ''\"\n [children]=\"partnerships.children ?? []\"\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\n ></rdsite-footer-menu-item>\n </div>\n}\n", styles: [":host{display:flex;flex-direction:column;padding-top:20px}.rdsite-footer-menu{width:100%;height:auto;flex:auto;column-count:unset}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:auto}@media only screen and (min-width: 1024px){:host{flex-direction:row}.rdsite-footer-menu{flex:3 1 0;column-count:3}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:1 1 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FooterMenuItemComponent, selector: "rdsite-footer-menu-item", inputs: ["url", "title", "children", "altStyle"], outputs: ["footerMenuItemClick"] }] }); }
|
|
17437
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterMenuComponent, isStandalone: true, selector: "rdsite-footer-menu", inputs: { footerMenu: "footerMenu", partnerships: "partnerships" }, outputs: { footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "@if (footerMenu.length) {\r\n <div class=\"rdsite-footer-menu\">\r\n <nav>\r\n <ul class=\"rdsite-footer-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"rdsite-footer-menu-list-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"menu.url\"\r\n [title]=\"menu.title\"\r\n [children]=\"menu?.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n}\r\n\r\n@if (partnerships) {\r\n <div class=\"rdsite-footer-partnerships\">\r\n <rdsite-footer-menu-item\r\n url=\"\"\r\n [title]=\"partnerships.title ?? ''\"\r\n [children]=\"partnerships.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;padding-top:20px}.rdsite-footer-menu{width:100%;height:auto;flex:auto;column-count:unset}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:auto}@media only screen and (min-width: 1024px){:host{flex-direction:row}.rdsite-footer-menu{flex:3 1 0;column-count:3}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:1 1 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FooterMenuItemComponent, selector: "rdsite-footer-menu-item", inputs: ["url", "title", "children", "altStyle"], outputs: ["footerMenuItemClick"] }] }); }
|
|
17436
17438
|
}
|
|
17437
17439
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuComponent, decorators: [{
|
|
17438
17440
|
type: Component,
|
|
17439
|
-
args: [{ selector: 'rdsite-footer-menu', standalone: true, imports: [CommonModule, RdsiteLinkDirective, FooterMenuItemComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (footerMenu.length) {\n <div class=\"rdsite-footer-menu\">\n <nav>\n <ul class=\"rdsite-footer-menu-list\">\n @for (menu of footerMenu; track menu.title) {\n <li class=\"rdsite-footer-menu-list-item\">\n <rdsite-footer-menu-item\n [url]=\"menu.url\"\n [title]=\"menu.title\"\n [children]=\"menu?.children ?? []\"\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\n ></rdsite-footer-menu-item>\n </li>\n }\n </ul>\n </nav>\n </div>\n}\n\n@if (partnerships) {\n <div class=\"rdsite-footer-partnerships\">\n <rdsite-footer-menu-item\n url=\"\"\n [title]=\"partnerships.title ?? ''\"\n [children]=\"partnerships.children ?? []\"\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\n ></rdsite-footer-menu-item>\n </div>\n}\n", styles: [":host{display:flex;flex-direction:column;padding-top:20px}.rdsite-footer-menu{width:100%;height:auto;flex:auto;column-count:unset}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:auto}@media only screen and (min-width: 1024px){:host{flex-direction:row}.rdsite-footer-menu{flex:3 1 0;column-count:3}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:1 1 0}}\n"] }]
|
|
17441
|
+
args: [{ selector: 'rdsite-footer-menu', standalone: true, imports: [CommonModule, RdsiteLinkDirective, FooterMenuItemComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (footerMenu.length) {\r\n <div class=\"rdsite-footer-menu\">\r\n <nav>\r\n <ul class=\"rdsite-footer-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"rdsite-footer-menu-list-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"menu.url\"\r\n [title]=\"menu.title\"\r\n [children]=\"menu?.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n}\r\n\r\n@if (partnerships) {\r\n <div class=\"rdsite-footer-partnerships\">\r\n <rdsite-footer-menu-item\r\n url=\"\"\r\n [title]=\"partnerships.title ?? ''\"\r\n [children]=\"partnerships.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;padding-top:20px}.rdsite-footer-menu{width:100%;height:auto;flex:auto;column-count:unset}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:auto}@media only screen and (min-width: 1024px){:host{flex-direction:row}.rdsite-footer-menu{flex:3 1 0;column-count:3}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:1 1 0}}\n"] }]
|
|
17440
17442
|
}], propDecorators: { footerMenu: [{
|
|
17441
17443
|
type: Input
|
|
17442
17444
|
}], partnerships: [{
|
|
@@ -17457,11 +17459,11 @@ class FooterSocialMediasComponent {
|
|
|
17457
17459
|
this.footerSocialMediaClick.emit(event);
|
|
17458
17460
|
}
|
|
17459
17461
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterSocialMediasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17460
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterSocialMediasComponent, isStandalone: true, selector: "rdsite-footer-social-medias", inputs: { logo: "logo", partnershipLogo: "partnershipLogo", phone: "phone", socialMenu: "socialMenu" }, outputs: { footerSocialMediaClick: "footerSocialMediaClick" }, ngImport: i0, template: "@if (logo || phone) {\n <div class=\"rdsite-footer-social-medias-contact\">\n @if (logo) {\n <div class=\"logo\">\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\n </div>\n }\n @if (partnershipLogo) {\n <div class=\"partnership-logo\">\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\n </div>\n }\n @if (phone) {\n <div class=\"phone\">\n <a rdsitelink href=\"tel:{{ phone }}\">\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\n {{ phone }}\n </a>\n </div>\n }\n </div>\n}\n\n<div class=\"rdsite-footer-social-medias-social\">\n <nav>\n <ul>\n @for (social of socialMenu; track social.title) {\n <li>\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n <cura-icon [name]=\"social.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n </a>\n </li>\n }\n </ul>\n </nav>\n</div>\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--footer-color);text-decoration:none}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 24px;width:328px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
17462
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterSocialMediasComponent, isStandalone: true, selector: "rdsite-footer-social-medias", inputs: { logo: "logo", partnershipLogo: "partnershipLogo", phone: "phone", socialMenu: "socialMenu" }, outputs: { footerSocialMediaClick: "footerSocialMediaClick" }, ngImport: i0, template: "@if (logo || phone) {\r\n <div class=\"rdsite-footer-social-medias-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\r\n </div>\r\n }\r\n @if (partnershipLogo) {\r\n <div class=\"partnership-logo\">\r\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div class=\"rdsite-footer-social-medias-social\">\r\n <nav>\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon [name]=\"social.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--footer-color);text-decoration:none}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 24px;width:328px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
17461
17463
|
}
|
|
17462
17464
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterSocialMediasComponent, decorators: [{
|
|
17463
17465
|
type: Component,
|
|
17464
|
-
args: [{ selector: 'rdsite-footer-social-medias', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (logo || phone) {\n <div class=\"rdsite-footer-social-medias-contact\">\n @if (logo) {\n <div class=\"logo\">\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\n </div>\n }\n @if (partnershipLogo) {\n <div class=\"partnership-logo\">\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\n </div>\n }\n @if (phone) {\n <div class=\"phone\">\n <a rdsitelink href=\"tel:{{ phone }}\">\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\n {{ phone }}\n </a>\n </div>\n }\n </div>\n}\n\n<div class=\"rdsite-footer-social-medias-social\">\n <nav>\n <ul>\n @for (social of socialMenu; track social.title) {\n <li>\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n <cura-icon [name]=\"social.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n </a>\n </li>\n }\n </ul>\n </nav>\n</div>\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--footer-color);text-decoration:none}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 24px;width:328px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"] }]
|
|
17466
|
+
args: [{ selector: 'rdsite-footer-social-medias', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (logo || phone) {\r\n <div class=\"rdsite-footer-social-medias-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\r\n </div>\r\n }\r\n @if (partnershipLogo) {\r\n <div class=\"partnership-logo\">\r\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div class=\"rdsite-footer-social-medias-social\">\r\n <nav>\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon [name]=\"social.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--footer-color);text-decoration:none}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 24px;width:328px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"] }]
|
|
17465
17467
|
}], propDecorators: { logo: [{
|
|
17466
17468
|
type: Input
|
|
17467
17469
|
}], partnershipLogo: [{
|
|
@@ -17574,11 +17576,11 @@ class FooterComponent {
|
|
|
17574
17576
|
return this.footerTheme[context];
|
|
17575
17577
|
}
|
|
17576
17578
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17577
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FooterComponent, isStandalone: true, selector: "rdsite-footer", inputs: { project: "project", theme: "theme" }, ngImport: i0, template: "<footer class=\"rdsite-footer\" [ngStyle]=\"getCuraCssVars('footer')\">\n <div class=\"content\">\n <div class=\"content-social\" [ngStyle]=\"getCuraCssVars('social')\">\n <ng-content select=\"rdsite-footer-social-medias\"></ng-content>\n </div>\n <div class=\"content-menu\" [ngStyle]=\"getCuraCssVars('menu')\">\n <ng-content select=\"rdsite-footer-menu\"></ng-content>\n </div>\n </div>\n <div class=\"disclaimer\" [ngStyle]=\"getCuraCssVars('disclaimer')\">\n <div class=\"disclaimer-content\">\n <ng-content select=\"rdsite-footer-disclaimer\"></ng-content>\n </div>\n </div>\n</footer>\n", styles: [".rdsite-footer{min-height:530px;background-color:var(--footer-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disclaimer disclaimer disclaimer\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}.rdsite-footer::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-footer .content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}.rdsite-footer .content-menu{width:100%}.rdsite-footer .disclaimer{grid-area:disclaimer;background-color:var(--footer-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.rdsite-footer .disclaimer .disclaimer-content{grid-area:disc-content}@media only screen and (min-width: 1024px){.rdsite-footer{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}.rdsite-footer .content{flex-direction:row;gap:44px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
17579
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FooterComponent, isStandalone: true, selector: "rdsite-footer", inputs: { project: "project", theme: "theme" }, ngImport: i0, template: "<footer class=\"rdsite-footer\" [ngStyle]=\"getCuraCssVars('footer')\">\r\n <div class=\"content\">\r\n <div class=\"content-social\" [ngStyle]=\"getCuraCssVars('social')\">\r\n <ng-content select=\"rdsite-footer-social-medias\"></ng-content>\r\n </div>\r\n <div class=\"content-menu\" [ngStyle]=\"getCuraCssVars('menu')\">\r\n <ng-content select=\"rdsite-footer-menu\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"disclaimer\" [ngStyle]=\"getCuraCssVars('disclaimer')\">\r\n <div class=\"disclaimer-content\">\r\n <ng-content select=\"rdsite-footer-disclaimer\"></ng-content>\r\n </div>\r\n </div>\r\n</footer>\r\n", styles: [".rdsite-footer{min-height:530px;background-color:var(--footer-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disclaimer disclaimer disclaimer\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}.rdsite-footer::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-footer .content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}.rdsite-footer .content-menu{width:100%}.rdsite-footer .disclaimer{grid-area:disclaimer;background-color:var(--footer-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.rdsite-footer .disclaimer .disclaimer-content{grid-area:disc-content}@media only screen and (min-width: 1024px){.rdsite-footer{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}.rdsite-footer .content{flex-direction:row;gap:44px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
17578
17580
|
}
|
|
17579
17581
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
17580
17582
|
type: Component,
|
|
17581
|
-
args: [{ selector: 'rdsite-footer', standalone: true, imports: [CommonModule, FooterDisclaimerComponent, FooterMenuComponent, FooterSocialMediasComponent], template: "<footer class=\"rdsite-footer\" [ngStyle]=\"getCuraCssVars('footer')\">\n <div class=\"content\">\n <div class=\"content-social\" [ngStyle]=\"getCuraCssVars('social')\">\n <ng-content select=\"rdsite-footer-social-medias\"></ng-content>\n </div>\n <div class=\"content-menu\" [ngStyle]=\"getCuraCssVars('menu')\">\n <ng-content select=\"rdsite-footer-menu\"></ng-content>\n </div>\n </div>\n <div class=\"disclaimer\" [ngStyle]=\"getCuraCssVars('disclaimer')\">\n <div class=\"disclaimer-content\">\n <ng-content select=\"rdsite-footer-disclaimer\"></ng-content>\n </div>\n </div>\n</footer>\n", styles: [".rdsite-footer{min-height:530px;background-color:var(--footer-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disclaimer disclaimer disclaimer\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}.rdsite-footer::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-footer .content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}.rdsite-footer .content-menu{width:100%}.rdsite-footer .disclaimer{grid-area:disclaimer;background-color:var(--footer-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.rdsite-footer .disclaimer .disclaimer-content{grid-area:disc-content}@media only screen and (min-width: 1024px){.rdsite-footer{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}.rdsite-footer .content{flex-direction:row;gap:44px}}\n"] }]
|
|
17583
|
+
args: [{ selector: 'rdsite-footer', standalone: true, imports: [CommonModule, FooterDisclaimerComponent, FooterMenuComponent, FooterSocialMediasComponent], template: "<footer class=\"rdsite-footer\" [ngStyle]=\"getCuraCssVars('footer')\">\r\n <div class=\"content\">\r\n <div class=\"content-social\" [ngStyle]=\"getCuraCssVars('social')\">\r\n <ng-content select=\"rdsite-footer-social-medias\"></ng-content>\r\n </div>\r\n <div class=\"content-menu\" [ngStyle]=\"getCuraCssVars('menu')\">\r\n <ng-content select=\"rdsite-footer-menu\"></ng-content>\r\n </div>\r\n </div>\r\n <div class=\"disclaimer\" [ngStyle]=\"getCuraCssVars('disclaimer')\">\r\n <div class=\"disclaimer-content\">\r\n <ng-content select=\"rdsite-footer-disclaimer\"></ng-content>\r\n </div>\r\n </div>\r\n</footer>\r\n", styles: [".rdsite-footer{min-height:530px;background-color:var(--footer-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disclaimer disclaimer disclaimer\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}.rdsite-footer::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-footer .content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}.rdsite-footer .content-menu{width:100%}.rdsite-footer .disclaimer{grid-area:disclaimer;background-color:var(--footer-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.rdsite-footer .disclaimer .disclaimer-content{grid-area:disc-content}@media only screen and (min-width: 1024px){.rdsite-footer{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}.rdsite-footer .content{flex-direction:row;gap:44px}}\n"] }]
|
|
17582
17584
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { project: [{
|
|
17583
17585
|
type: Input
|
|
17584
17586
|
}], theme: [{
|
|
@@ -17727,11 +17729,11 @@ class OverlayComponent {
|
|
|
17727
17729
|
this.overlayClick.emit();
|
|
17728
17730
|
}
|
|
17729
17731
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17730
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverlayComponent, isStandalone: true, selector: "rdsite-overlay", outputs: { overlayClick: "overlayClick" }, ngImport: i0, template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }); }
|
|
17732
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: OverlayComponent, isStandalone: true, selector: "rdsite-overlay", outputs: { overlayClick: "overlayClick" }, ngImport: i0, template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\r\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }); }
|
|
17731
17733
|
}
|
|
17732
17734
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayComponent, decorators: [{
|
|
17733
17735
|
type: Component,
|
|
17734
|
-
args: [{ selector: 'rdsite-overlay', standalone: true, imports: [], template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }]
|
|
17736
|
+
args: [{ selector: 'rdsite-overlay', standalone: true, imports: [], template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\r\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }]
|
|
17735
17737
|
}], propDecorators: { overlayClick: [{
|
|
17736
17738
|
type: Output
|
|
17737
17739
|
}] } });
|
|
@@ -17830,11 +17832,11 @@ class SearchComponent {
|
|
|
17830
17832
|
this.controlSubscription?.unsubscribe();
|
|
17831
17833
|
}
|
|
17832
17834
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, deps: [{ token: i2$1.DeviceDetectorService }, { token: CuraService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17833
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SearchComponent, isStandalone: true, selector: "rdsite-search", inputs: { searchControl: "searchControl", showSearchButtonMobile: "showSearchButtonMobile", debounceTime: "debounceTime", label: "label", canClean: "canClean", enable: "enable", loading: "loading", setFocus: "setFocus" }, outputs: { controlBlur: "controlBlur", controlFocus: "controlFocus", controlReset: "controlReset", termChange: "termChange", enterPress: "enterPress" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div class=\"rdsite-search\">\n <div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl.enabled, focus: focus }\">\n <label class=\"label-hidden\">{{ label }}</label>\n <input\n #searchInput\n class=\"rdsite-search-control-input\"\n [type]=\"'text'\"\n name=\"term\"\n autocomplete=\"off\"\n [placeholder]=\"label\"\n [formControl]=\"searchControl\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keyup.enter)=\"onSubmit($event)\"\n enterkeyhint=\"search\"\n (search)=\"onSubmit($event)\"\n />\n\n <div class=\"rdsite-search-control-icon\">\n <cura-icon\n name=\"closeCircle\"\n size=\"20\"\n color=\"primary-base\"\n (click)=\"clean()\"\n class=\"close\"\n [ngClass]=\"{ active: (searchControl.value || canClean) && !loading }\"\n ></cura-icon>\n <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading }\"></cura-icon>\n @if (loading) {\n <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\n }\n </div>\n </div>\n</div>\n", styles: [".rdsite-search{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}.rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}.rdsite-search-control-input{flex-grow:1;padding:0 8px 0 0;color:var(--color);font-size:16px!important;font-weight:500;line-height:20px}.rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}.rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}.rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){.rdsite-search .rdsite-search-control{padding:0 40px 0 20px}}.label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
17835
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SearchComponent, isStandalone: true, selector: "rdsite-search", inputs: { searchControl: "searchControl", showSearchButtonMobile: "showSearchButtonMobile", debounceTime: "debounceTime", label: "label", canClean: "canClean", enable: "enable", loading: "loading", setFocus: "setFocus" }, outputs: { controlBlur: "controlBlur", controlFocus: "controlFocus", controlReset: "controlReset", termChange: "termChange", enterPress: "enterPress" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<div class=\"rdsite-search\">\r\n <div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl.enabled, focus: focus }\">\r\n <label class=\"label-hidden\">{{ label }}</label>\r\n <input\r\n #searchInput\r\n class=\"rdsite-search-control-input\"\r\n [type]=\"'text'\"\r\n name=\"term\"\r\n autocomplete=\"off\"\r\n [placeholder]=\"label\"\r\n [formControl]=\"searchControl\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keyup.enter)=\"onSubmit($event)\"\r\n enterkeyhint=\"search\"\r\n (search)=\"onSubmit($event)\"\r\n />\r\n\r\n <div class=\"rdsite-search-control-icon\">\r\n <cura-icon\r\n name=\"closeCircle\"\r\n size=\"20\"\r\n color=\"primary-base\"\r\n (click)=\"clean()\"\r\n class=\"close\"\r\n [ngClass]=\"{ active: (searchControl.value || canClean) && !loading }\"\r\n ></cura-icon>\r\n <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading }\"></cura-icon>\r\n @if (loading) {\r\n <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".rdsite-search{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}.rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}.rdsite-search-control-input{flex-grow:1;padding:0 8px 0 0;color:var(--color);font-size:16px!important;font-weight:500;line-height:20px}.rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}.rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}.rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){.rdsite-search .rdsite-search-control{padding:0 40px 0 20px}}.label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
17834
17836
|
}
|
|
17835
17837
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, decorators: [{
|
|
17836
17838
|
type: Component,
|
|
17837
|
-
args: [{ selector: 'rdsite-search', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-search\">\n <div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl.enabled, focus: focus }\">\n <label class=\"label-hidden\">{{ label }}</label>\n <input\n #searchInput\n class=\"rdsite-search-control-input\"\n [type]=\"'text'\"\n name=\"term\"\n autocomplete=\"off\"\n [placeholder]=\"label\"\n [formControl]=\"searchControl\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keyup.enter)=\"onSubmit($event)\"\n enterkeyhint=\"search\"\n (search)=\"onSubmit($event)\"\n />\n\n <div class=\"rdsite-search-control-icon\">\n <cura-icon\n name=\"closeCircle\"\n size=\"20\"\n color=\"primary-base\"\n (click)=\"clean()\"\n class=\"close\"\n [ngClass]=\"{ active: (searchControl.value || canClean) && !loading }\"\n ></cura-icon>\n <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading }\"></cura-icon>\n @if (loading) {\n <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\n }\n </div>\n </div>\n</div>\n", styles: [".rdsite-search{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}.rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}.rdsite-search-control-input{flex-grow:1;padding:0 8px 0 0;color:var(--color);font-size:16px!important;font-weight:500;line-height:20px}.rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}.rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}.rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){.rdsite-search .rdsite-search-control{padding:0 40px 0 20px}}.label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n"] }]
|
|
17839
|
+
args: [{ selector: 'rdsite-search', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-search\">\r\n <div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl.enabled, focus: focus }\">\r\n <label class=\"label-hidden\">{{ label }}</label>\r\n <input\r\n #searchInput\r\n class=\"rdsite-search-control-input\"\r\n [type]=\"'text'\"\r\n name=\"term\"\r\n autocomplete=\"off\"\r\n [placeholder]=\"label\"\r\n [formControl]=\"searchControl\"\r\n (focus)=\"onFocus()\"\r\n (blur)=\"onBlur()\"\r\n (keyup.enter)=\"onSubmit($event)\"\r\n enterkeyhint=\"search\"\r\n (search)=\"onSubmit($event)\"\r\n />\r\n\r\n <div class=\"rdsite-search-control-icon\">\r\n <cura-icon\r\n name=\"closeCircle\"\r\n size=\"20\"\r\n color=\"primary-base\"\r\n (click)=\"clean()\"\r\n class=\"close\"\r\n [ngClass]=\"{ active: (searchControl.value || canClean) && !loading }\"\r\n ></cura-icon>\r\n <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading }\"></cura-icon>\r\n @if (loading) {\r\n <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".rdsite-search{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}.rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}.rdsite-search-control-input{flex-grow:1;padding:0 8px 0 0;color:var(--color);font-size:16px!important;font-weight:500;line-height:20px}.rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}.rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}.rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){.rdsite-search .rdsite-search-control{padding:0 40px 0 20px}}.label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n"] }]
|
|
17838
17840
|
}], ctorParameters: () => [{ type: i2$1.DeviceDetectorService }, { type: CuraService }, { type: undefined, decorators: [{
|
|
17839
17841
|
type: Inject,
|
|
17840
17842
|
args: [PLATFORM_ID]
|
|
@@ -17929,11 +17931,11 @@ class HeaderComponent {
|
|
|
17929
17931
|
this.headerService.toggleShowSearch(false);
|
|
17930
17932
|
}
|
|
17931
17933
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: CuraService }, { token: HeaderService }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17932
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderComponent, isStandalone: true, selector: "rdsite-header", inputs: { project: "project", theme: "theme", searchControl: "searchControl" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<header class=\"rdsite-header\" [ngStyle]=\"getCuraCssVars('header')\">\n <div class=\"rdsite-header-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n <div class=\"rdsite-header-logo\" (click)=\"overlayClick()\">\n <ng-content select=\"rdsite-header-logo\"></ng-content>\n </div>\n <div class=\"rdsite-header-aux-menu\" [ngStyle]=\"getCuraCssVars('aux')\" (click)=\"overlayClick()\">\n <ng-content select=\"rdsite-header-aux-menu\"></ng-content>\n </div>\n <div class=\"rdsite-header-action-menu\" [ngStyle]=\"getCuraCssVars('action')\">\n <ng-content select=\"rdsite-header-action-menu\"></ng-content>\n </div>\n <div class=\"rdsite-header-main-menu\" [ngStyle]=\"getCuraCssVars('main')\">\n <ng-content select=\"rdsite-header-main-menu\"></ng-content>\n </div>\n <div class=\"rdsite-header-side-menu\" [ngStyle]=\"getCuraCssVars('side')\">\n <!-- <ng-content select=\"rdsite-header-side-menu\"></ng-content> -->\n <ng-content select=\"#rdsite-header-side-menu\"></ng-content>\n </div>\n @if (searchControl) {\n <div class=\"rdsite-header-search\">\n <rdsite-search [searchControl]=\"searchControl\" [label]=\"'O que voc\u00EA procura?'\" [debounceTime]=\"1500\" [setFocus]=\"true\" (enterPress)=\"doSearch($event)\">\n </rdsite-search>\n </div>\n }\n </div>\n\n <rdsite-overlay\n class=\"search-overlay\"\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n (overlayClick)=\"overlayClick()\"\n ></rdsite-overlay>\n</header>\n", styles: [".rdsite-header{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--header-bg-color);height:80px}.rdsite-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-header .rdsite-header-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}.rdsite-header .rdsite-header-content .rdsite-header-logo{grid-area:logo}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu{display:none;grid-area:aux;background-color:var(--header-aux-bg-color);justify-content:flex-start}.rdsite-header .rdsite-header-content .rdsite-header-action-menu{grid-area:action;background-color:var(--header-act-bg-color)}.rdsite-header .rdsite-header-content .rdsite-header-main-menu{grid-area:main}.rdsite-header .rdsite-header-content .rdsite-header-search{grid-area:search;display:none;z-index:-1}.rdsite-header .rdsite-header-content .rdsite-header-search rdsite-search{background-color:#fff;width:100%;height:100%;display:block}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-main-menu{display:none}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:48px;display:block;z-index:1000}.rdsite-header .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.rdsite-header .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}.rdsite-header .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){.rdsite-header .rdsite-header-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:auto}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu,.rdsite-header .rdsite-header-content .rdsite-header-main-menu{display:block}}@media only screen and (min-width: 1366px){.rdsite-header{height:88px}.rdsite-header .rdsite-header-content{grid-template-rows:36px 52px;height:88px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: SearchComponent, selector: "rdsite-search", inputs: ["searchControl", "showSearchButtonMobile", "debounceTime", "label", "canClean", "enable", "loading", "setFocus"], outputs: ["controlBlur", "controlFocus", "controlReset", "termChange", "enterPress"] }] }); }
|
|
17934
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderComponent, isStandalone: true, selector: "rdsite-header", inputs: { project: "project", theme: "theme", searchControl: "searchControl" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<header class=\"rdsite-header\" [ngStyle]=\"getCuraCssVars('header')\">\r\n <div class=\"rdsite-header-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div class=\"rdsite-header-logo\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-logo\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-aux-menu\" [ngStyle]=\"getCuraCssVars('aux')\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-aux-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-action-menu\" [ngStyle]=\"getCuraCssVars('action')\">\r\n <ng-content select=\"rdsite-header-action-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-main-menu\" [ngStyle]=\"getCuraCssVars('main')\">\r\n <ng-content select=\"rdsite-header-main-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-side-menu\" [ngStyle]=\"getCuraCssVars('side')\">\r\n <!-- <ng-content select=\"rdsite-header-side-menu\"></ng-content> -->\r\n <ng-content select=\"#rdsite-header-side-menu\"></ng-content>\r\n </div>\r\n @if (searchControl) {\r\n <div class=\"rdsite-header-search\">\r\n <rdsite-search [searchControl]=\"searchControl\" [label]=\"'O que voc\u00EA procura?'\" [debounceTime]=\"1500\" [setFocus]=\"true\" (enterPress)=\"doSearch($event)\">\r\n </rdsite-search>\r\n </div>\r\n }\r\n </div>\r\n\r\n <rdsite-overlay\r\n class=\"search-overlay\"\r\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\r\n (overlayClick)=\"overlayClick()\"\r\n ></rdsite-overlay>\r\n</header>\r\n", styles: [".rdsite-header{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--header-bg-color);height:80px}.rdsite-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-header .rdsite-header-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}.rdsite-header .rdsite-header-content .rdsite-header-logo{grid-area:logo}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu{display:none;grid-area:aux;background-color:var(--header-aux-bg-color);justify-content:flex-start}.rdsite-header .rdsite-header-content .rdsite-header-action-menu{grid-area:action;background-color:var(--header-act-bg-color)}.rdsite-header .rdsite-header-content .rdsite-header-main-menu{grid-area:main}.rdsite-header .rdsite-header-content .rdsite-header-search{grid-area:search;display:none;z-index:-1}.rdsite-header .rdsite-header-content .rdsite-header-search rdsite-search{background-color:#fff;width:100%;height:100%;display:block}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-main-menu{display:none}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:48px;display:block;z-index:1000}.rdsite-header .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.rdsite-header .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}.rdsite-header .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){.rdsite-header .rdsite-header-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:auto}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu,.rdsite-header .rdsite-header-content .rdsite-header-main-menu{display:block}}@media only screen and (min-width: 1366px){.rdsite-header{height:88px}.rdsite-header .rdsite-header-content{grid-template-rows:36px 52px;height:88px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: SearchComponent, selector: "rdsite-search", inputs: ["searchControl", "showSearchButtonMobile", "debounceTime", "label", "canClean", "enable", "loading", "setFocus"], outputs: ["controlBlur", "controlFocus", "controlReset", "termChange", "enterPress"] }] }); }
|
|
17933
17935
|
}
|
|
17934
17936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
17935
17937
|
type: Component,
|
|
17936
|
-
args: [{ selector: 'rdsite-header', standalone: true, imports: [CommonModule, OverlayComponent, SearchComponent], template: "<header class=\"rdsite-header\" [ngStyle]=\"getCuraCssVars('header')\">\n <div class=\"rdsite-header-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n <div class=\"rdsite-header-logo\" (click)=\"overlayClick()\">\n <ng-content select=\"rdsite-header-logo\"></ng-content>\n </div>\n <div class=\"rdsite-header-aux-menu\" [ngStyle]=\"getCuraCssVars('aux')\" (click)=\"overlayClick()\">\n <ng-content select=\"rdsite-header-aux-menu\"></ng-content>\n </div>\n <div class=\"rdsite-header-action-menu\" [ngStyle]=\"getCuraCssVars('action')\">\n <ng-content select=\"rdsite-header-action-menu\"></ng-content>\n </div>\n <div class=\"rdsite-header-main-menu\" [ngStyle]=\"getCuraCssVars('main')\">\n <ng-content select=\"rdsite-header-main-menu\"></ng-content>\n </div>\n <div class=\"rdsite-header-side-menu\" [ngStyle]=\"getCuraCssVars('side')\">\n <!-- <ng-content select=\"rdsite-header-side-menu\"></ng-content> -->\n <ng-content select=\"#rdsite-header-side-menu\"></ng-content>\n </div>\n @if (searchControl) {\n <div class=\"rdsite-header-search\">\n <rdsite-search [searchControl]=\"searchControl\" [label]=\"'O que voc\u00EA procura?'\" [debounceTime]=\"1500\" [setFocus]=\"true\" (enterPress)=\"doSearch($event)\">\n </rdsite-search>\n </div>\n }\n </div>\n\n <rdsite-overlay\n class=\"search-overlay\"\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n (overlayClick)=\"overlayClick()\"\n ></rdsite-overlay>\n</header>\n", styles: [".rdsite-header{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--header-bg-color);height:80px}.rdsite-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-header .rdsite-header-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}.rdsite-header .rdsite-header-content .rdsite-header-logo{grid-area:logo}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu{display:none;grid-area:aux;background-color:var(--header-aux-bg-color);justify-content:flex-start}.rdsite-header .rdsite-header-content .rdsite-header-action-menu{grid-area:action;background-color:var(--header-act-bg-color)}.rdsite-header .rdsite-header-content .rdsite-header-main-menu{grid-area:main}.rdsite-header .rdsite-header-content .rdsite-header-search{grid-area:search;display:none;z-index:-1}.rdsite-header .rdsite-header-content .rdsite-header-search rdsite-search{background-color:#fff;width:100%;height:100%;display:block}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-main-menu{display:none}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:48px;display:block;z-index:1000}.rdsite-header .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.rdsite-header .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}.rdsite-header .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){.rdsite-header .rdsite-header-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:auto}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu,.rdsite-header .rdsite-header-content .rdsite-header-main-menu{display:block}}@media only screen and (min-width: 1366px){.rdsite-header{height:88px}.rdsite-header .rdsite-header-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
|
|
17938
|
+
args: [{ selector: 'rdsite-header', standalone: true, imports: [CommonModule, OverlayComponent, SearchComponent], template: "<header class=\"rdsite-header\" [ngStyle]=\"getCuraCssVars('header')\">\r\n <div class=\"rdsite-header-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div class=\"rdsite-header-logo\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-logo\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-aux-menu\" [ngStyle]=\"getCuraCssVars('aux')\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-aux-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-action-menu\" [ngStyle]=\"getCuraCssVars('action')\">\r\n <ng-content select=\"rdsite-header-action-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-main-menu\" [ngStyle]=\"getCuraCssVars('main')\">\r\n <ng-content select=\"rdsite-header-main-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-side-menu\" [ngStyle]=\"getCuraCssVars('side')\">\r\n <!-- <ng-content select=\"rdsite-header-side-menu\"></ng-content> -->\r\n <ng-content select=\"#rdsite-header-side-menu\"></ng-content>\r\n </div>\r\n @if (searchControl) {\r\n <div class=\"rdsite-header-search\">\r\n <rdsite-search [searchControl]=\"searchControl\" [label]=\"'O que voc\u00EA procura?'\" [debounceTime]=\"1500\" [setFocus]=\"true\" (enterPress)=\"doSearch($event)\">\r\n </rdsite-search>\r\n </div>\r\n }\r\n </div>\r\n\r\n <rdsite-overlay\r\n class=\"search-overlay\"\r\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\r\n (overlayClick)=\"overlayClick()\"\r\n ></rdsite-overlay>\r\n</header>\r\n", styles: [".rdsite-header{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--header-bg-color);height:80px}.rdsite-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-header .rdsite-header-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}.rdsite-header .rdsite-header-content .rdsite-header-logo{grid-area:logo}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu{display:none;grid-area:aux;background-color:var(--header-aux-bg-color);justify-content:flex-start}.rdsite-header .rdsite-header-content .rdsite-header-action-menu{grid-area:action;background-color:var(--header-act-bg-color)}.rdsite-header .rdsite-header-content .rdsite-header-main-menu{grid-area:main}.rdsite-header .rdsite-header-content .rdsite-header-search{grid-area:search;display:none;z-index:-1}.rdsite-header .rdsite-header-content .rdsite-header-search rdsite-search{background-color:#fff;width:100%;height:100%;display:block}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-main-menu{display:none}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:48px;display:block;z-index:1000}.rdsite-header .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.rdsite-header .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}.rdsite-header .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){.rdsite-header .rdsite-header-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:auto}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu,.rdsite-header .rdsite-header-content .rdsite-header-main-menu{display:block}}@media only screen and (min-width: 1366px){.rdsite-header{height:88px}.rdsite-header .rdsite-header-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
|
|
17937
17939
|
}], ctorParameters: () => [{ type: CuraService }, { type: HeaderService }, { type: Document, decorators: [{
|
|
17938
17940
|
type: Inject,
|
|
17939
17941
|
args: [DOCUMENT]
|
|
@@ -17961,11 +17963,11 @@ class HeaderActionMenuComponent {
|
|
|
17961
17963
|
this.headerLoginClick.emit(event);
|
|
17962
17964
|
}
|
|
17963
17965
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17964
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "rdsite-header-action-menu", inputs: { loginUrl: "loginUrl", showSearch: "showSearch" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "<div class=\"rdsite-header-action-menu\">\n @if (loginUrl) {\n <div class=\"rdsite-header-action-menu-login\">\n <a [href]=\"loginUrl\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"rdsite-header-action-menu-login-link\">\n <cura-icon class=\"icon-mobile\" name=\"profileCircle\" size=\"20\" color=\"primary-base\"></cura-icon>\n <cura-icon class=\"icon-desktop\" name=\"profileCircle\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>ENTRAR</span>\n </a>\n </div>\n }\n\n <div class=\"rdsite-header-action-menu-actions\">\n @if (showSearch) {\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <cura-icon name=\"search\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>BUSCAR</span>\n } @else {\n <cura-icon name=\"close\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>FECHAR</span>\n }\n </button>\n }\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <cura-icon name=\"menuHamburguer\" size=\"16\" color=\"primary-base\"></cura-icon>\n </button>\n </div>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center;background-color:var(--header-act-bg-color)}.rdsite-header-action-menu{display:flex;align-items:center;justify-content:center;height:100%;gap:2px}.rdsite-header-action-menu-login{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-login-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-login-link cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-login-link:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-login-link:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-login-link:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-login-link:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-login-link .icon-desktop{display:none}.rdsite-header-action-menu-login-link .icon-mobile{display:inline}.rdsite-header-action-menu-login-link span{display:none}.rdsite-header-action-menu-actions{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-actions-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-actions-button cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-actions-button:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-actions-button:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-actions-button:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-actions-button:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-actions-button span{display:none}.rdsite-header-action-menu rdsite-search{display:none;position:absolute}@media only screen and (min-width: 1024px){.rdsite-header-action-menu .rdsite-header-action-menu-login{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link{padding:8px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-desktop{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-mobile{display:none}.rdsite-header-action-menu .rdsite-header-action-menu-login-link span{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-actions{padding:0 8px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
17966
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "rdsite-header-action-menu", inputs: { loginUrl: "loginUrl", showSearch: "showSearch" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "<div class=\"rdsite-header-action-menu\">\r\n @if (loginUrl) {\r\n <div class=\"rdsite-header-action-menu-login\">\r\n <a [href]=\"loginUrl\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"rdsite-header-action-menu-login-link\">\r\n <cura-icon class=\"icon-mobile\" name=\"profileCircle\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <cura-icon class=\"icon-desktop\" name=\"profileCircle\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n }\r\n\r\n <div class=\"rdsite-header-action-menu-actions\">\r\n @if (showSearch) {\r\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <cura-icon name=\"search\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <cura-icon name=\"close\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"menuHamburguer\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center;background-color:var(--header-act-bg-color)}.rdsite-header-action-menu{display:flex;align-items:center;justify-content:center;height:100%;gap:2px}.rdsite-header-action-menu-login{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-login-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-login-link cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-login-link:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-login-link:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-login-link:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-login-link:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-login-link .icon-desktop{display:none}.rdsite-header-action-menu-login-link .icon-mobile{display:inline}.rdsite-header-action-menu-login-link span{display:none}.rdsite-header-action-menu-actions{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-actions-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-actions-button cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-actions-button:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-actions-button:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-actions-button:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-actions-button:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-actions-button span{display:none}.rdsite-header-action-menu rdsite-search{display:none;position:absolute}@media only screen and (min-width: 1024px){.rdsite-header-action-menu .rdsite-header-action-menu-login{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link{padding:8px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-desktop{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-mobile{display:none}.rdsite-header-action-menu .rdsite-header-action-menu-login-link span{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-actions{padding:0 8px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
17965
17967
|
}
|
|
17966
17968
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
17967
17969
|
type: Component,
|
|
17968
|
-
args: [{ selector: 'rdsite-header-action-menu', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-header-action-menu\">\n @if (loginUrl) {\n <div class=\"rdsite-header-action-menu-login\">\n <a [href]=\"loginUrl\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"rdsite-header-action-menu-login-link\">\n <cura-icon class=\"icon-mobile\" name=\"profileCircle\" size=\"20\" color=\"primary-base\"></cura-icon>\n <cura-icon class=\"icon-desktop\" name=\"profileCircle\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>ENTRAR</span>\n </a>\n </div>\n }\n\n <div class=\"rdsite-header-action-menu-actions\">\n @if (showSearch) {\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <cura-icon name=\"search\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>BUSCAR</span>\n } @else {\n <cura-icon name=\"close\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>FECHAR</span>\n }\n </button>\n }\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <cura-icon name=\"menuHamburguer\" size=\"16\" color=\"primary-base\"></cura-icon>\n </button>\n </div>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center;background-color:var(--header-act-bg-color)}.rdsite-header-action-menu{display:flex;align-items:center;justify-content:center;height:100%;gap:2px}.rdsite-header-action-menu-login{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-login-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-login-link cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-login-link:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-login-link:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-login-link:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-login-link:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-login-link .icon-desktop{display:none}.rdsite-header-action-menu-login-link .icon-mobile{display:inline}.rdsite-header-action-menu-login-link span{display:none}.rdsite-header-action-menu-actions{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-actions-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-actions-button cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-actions-button:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-actions-button:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-actions-button:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-actions-button:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-actions-button span{display:none}.rdsite-header-action-menu rdsite-search{display:none;position:absolute}@media only screen and (min-width: 1024px){.rdsite-header-action-menu .rdsite-header-action-menu-login{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link{padding:8px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-desktop{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-mobile{display:none}.rdsite-header-action-menu .rdsite-header-action-menu-login-link span{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-actions{padding:0 8px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"] }]
|
|
17970
|
+
args: [{ selector: 'rdsite-header-action-menu', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-header-action-menu\">\r\n @if (loginUrl) {\r\n <div class=\"rdsite-header-action-menu-login\">\r\n <a [href]=\"loginUrl\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"rdsite-header-action-menu-login-link\">\r\n <cura-icon class=\"icon-mobile\" name=\"profileCircle\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <cura-icon class=\"icon-desktop\" name=\"profileCircle\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n }\r\n\r\n <div class=\"rdsite-header-action-menu-actions\">\r\n @if (showSearch) {\r\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <cura-icon name=\"search\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <cura-icon name=\"close\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"menuHamburguer\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center;background-color:var(--header-act-bg-color)}.rdsite-header-action-menu{display:flex;align-items:center;justify-content:center;height:100%;gap:2px}.rdsite-header-action-menu-login{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-login-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-login-link cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-login-link:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-login-link:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-login-link:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-login-link:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-login-link .icon-desktop{display:none}.rdsite-header-action-menu-login-link .icon-mobile{display:inline}.rdsite-header-action-menu-login-link span{display:none}.rdsite-header-action-menu-actions{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-actions-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-actions-button cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-actions-button:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-actions-button:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-actions-button:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-actions-button:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-actions-button span{display:none}.rdsite-header-action-menu rdsite-search{display:none;position:absolute}@media only screen and (min-width: 1024px){.rdsite-header-action-menu .rdsite-header-action-menu-login{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link{padding:8px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-desktop{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-mobile{display:none}.rdsite-header-action-menu .rdsite-header-action-menu-login-link span{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-actions{padding:0 8px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"] }]
|
|
17969
17971
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { loginUrl: [{
|
|
17970
17972
|
type: Input
|
|
17971
17973
|
}], showSearch: [{
|
|
@@ -17976,11 +17978,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17976
17978
|
|
|
17977
17979
|
class HeaderAuxMenuComponent {
|
|
17978
17980
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17979
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuComponent, isStandalone: true, selector: "rdsite-header-aux-menu", ngImport: i0, template: "<ng-content select=\"rdsite-header-aux-menu-container\"></ng-content>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17981
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuComponent, isStandalone: true, selector: "rdsite-header-aux-menu", ngImport: i0, template: "<ng-content select=\"rdsite-header-aux-menu-container\"></ng-content>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17980
17982
|
}
|
|
17981
17983
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, decorators: [{
|
|
17982
17984
|
type: Component,
|
|
17983
|
-
args: [{ selector: 'rdsite-header-aux-menu', standalone: true, imports: [CommonModule], template: "<ng-content select=\"rdsite-header-aux-menu-container\"></ng-content>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"] }]
|
|
17985
|
+
args: [{ selector: 'rdsite-header-aux-menu', standalone: true, imports: [CommonModule], template: "<ng-content select=\"rdsite-header-aux-menu-container\"></ng-content>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"] }]
|
|
17984
17986
|
}] });
|
|
17985
17987
|
|
|
17986
17988
|
class HeaderAuxMenuContainerComponent {
|
|
@@ -17988,11 +17990,11 @@ class HeaderAuxMenuContainerComponent {
|
|
|
17988
17990
|
this.onlyDesktop = false;
|
|
17989
17991
|
}
|
|
17990
17992
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuContainerComponent, isStandalone: true, selector: "rdsite-header-aux-menu-container", inputs: { onlyDesktop: "onlyDesktop" }, ngImport: i0, template: "<nav>\n <ul>\n <ng-content select=\"#rdsite-header-aux-menu-item\"></ng-content>\n <ng-content select=\"#geoloc\"></ng-content>\n </ul>\n</nav>\n", styles: [":host{display:flex;height:100%;justify-content:space-around;background-color:var(--header-aux-container-bg-color);flex-grow:1}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;height:100%;justify-content:space-around;padding:0 12px;background-color:var(--header-aux-container-bg-color);flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17993
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuContainerComponent, isStandalone: true, selector: "rdsite-header-aux-menu-container", inputs: { onlyDesktop: "onlyDesktop" }, ngImport: i0, template: "<nav>\r\n <ul>\r\n <ng-content select=\"#rdsite-header-aux-menu-item\"></ng-content>\r\n <ng-content select=\"#geoloc\"></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: [":host{display:flex;height:100%;justify-content:space-around;background-color:var(--header-aux-container-bg-color);flex-grow:1}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;height:100%;justify-content:space-around;padding:0 12px;background-color:var(--header-aux-container-bg-color);flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17992
17994
|
}
|
|
17993
17995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, decorators: [{
|
|
17994
17996
|
type: Component,
|
|
17995
|
-
args: [{ selector: 'rdsite-header-aux-menu-container', standalone: true, imports: [CommonModule], template: "<nav>\n <ul>\n <ng-content select=\"#rdsite-header-aux-menu-item\"></ng-content>\n <ng-content select=\"#geoloc\"></ng-content>\n </ul>\n</nav>\n", styles: [":host{display:flex;height:100%;justify-content:space-around;background-color:var(--header-aux-container-bg-color);flex-grow:1}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;height:100%;justify-content:space-around;padding:0 12px;background-color:var(--header-aux-container-bg-color);flex-grow:1}\n"] }]
|
|
17997
|
+
args: [{ selector: 'rdsite-header-aux-menu-container', standalone: true, imports: [CommonModule], template: "<nav>\r\n <ul>\r\n <ng-content select=\"#rdsite-header-aux-menu-item\"></ng-content>\r\n <ng-content select=\"#geoloc\"></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: [":host{display:flex;height:100%;justify-content:space-around;background-color:var(--header-aux-container-bg-color);flex-grow:1}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;height:100%;justify-content:space-around;padding:0 12px;background-color:var(--header-aux-container-bg-color);flex-grow:1}\n"] }]
|
|
17996
17998
|
}], propDecorators: { onlyDesktop: [{
|
|
17997
17999
|
type: Input
|
|
17998
18000
|
}] } });
|
|
@@ -18006,11 +18008,11 @@ class HeaderAuxMenuItemDropdownComponent {
|
|
|
18006
18008
|
this.headerAuxMenuItemDDClick.emit(event);
|
|
18007
18009
|
}
|
|
18008
18010
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18009
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item-dropdown", inputs: { items: "items" }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul class=\"dropdown-list\">\n @for (dropdownItem of items; track dropdownItem.ID) {\n <li class=\"dropdown-item\">\n <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n </li>\n }\n</ul>\n", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18011
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item-dropdown", inputs: { items: "items" }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.ID) {\r\n <li class=\"dropdown-item\">\r\n <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18010
18012
|
}
|
|
18011
18013
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
|
|
18012
18014
|
type: Component,
|
|
18013
|
-
args: [{ selector: 'rdsite-header-aux-menu-item-dropdown', standalone: true, imports: [RdsiteLinkDirective], template: "<ul class=\"dropdown-list\">\n @for (dropdownItem of items; track dropdownItem.ID) {\n <li class=\"dropdown-item\">\n <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n </li>\n }\n</ul>\n", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
|
|
18015
|
+
args: [{ selector: 'rdsite-header-aux-menu-item-dropdown', standalone: true, imports: [RdsiteLinkDirective], template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.ID) {\r\n <li class=\"dropdown-item\">\r\n <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
|
|
18014
18016
|
}], propDecorators: { items: [{
|
|
18015
18017
|
type: Input
|
|
18016
18018
|
}], headerAuxMenuItemDDClick: [{
|
|
@@ -18040,11 +18042,11 @@ class HeaderAuxMenuItemComponent {
|
|
|
18040
18042
|
this.isDropdownHover = value;
|
|
18041
18043
|
}
|
|
18042
18044
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18043
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item", inputs: { item: "item", altStyle: "altStyle", onlyDesktop: "onlyDesktop" }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item) {\n <a\n class=\"header-aux-menu-item-link\"\n [ngClass]=\"{\n hover: isMenuHover || isDropdownHover,\n alt: altStyle,\n }\"\n (mouseenter)=\"btnHoverChange(true)\"\n (mouseleave)=\"btnHoverChange(false)\"\n [href]=\"item.url\"\n (click)=\"headerAuxMenuItemClicked($event)\"\n rdsitelink\n >\n {{ item.title }}\n @if (item.children?.length) {\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\n }\n </a>\n\n @if (item.children?.length) {\n <div\n class=\"header-aux-menu-item-dropdown\"\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n >\n <rdsite-header-aux-menu-item-dropdown\n [items]=\"item.children ?? []\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n ></rdsite-header-aux-menu-item-dropdown>\n </div>\n }\n}\n", styles: [":host{display:flex;align-items:center;position:relative}.header-aux-menu-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--header-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.header-aux-menu-item-link cura-icon{--color: var(--header-aux-color) !important}.header-aux-menu-item-link.hover{color:var(--header-aux-hover)!important}.header-aux-menu-item-link.hover cura-icon{--color: var(--header-aux-hover) !important}.header-aux-menu-item-link:active{color:var(--header-aux-active)!important}.header-aux-menu-item-link:active cura-icon{--color: var(--header-aux-active) !important}.header-aux-menu-item-link.alt{color:var(--header-aux-color-alt)!important}.header-aux-menu-item-link.alt cura-icon{--color: var(--header-aux-color-alt) !important}.header-aux-menu-item-link.alt.hover{color:var(--header-aux-hover-alt)!important}.header-aux-menu-item-link.alt.hover cura-icon{--color: var(--header-aux-hover-alt) !important}.header-aux-menu-item-link.alt:active{color:var(--header-aux-active-alt)!important}.header-aux-menu-item-link.alt:active cura-icon{--color: var(--header-aux-active-alt) !important}.header-aux-menu-item-dropdown{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--header-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderAuxMenuItemDropdownComponent, selector: "rdsite-header-aux-menu-item-dropdown", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }] }); }
|
|
18045
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item", inputs: { item: "item", altStyle: "altStyle", onlyDesktop: "onlyDesktop" }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"header-aux-menu-item-link\"\r\n [ngClass]=\"{\r\n hover: isMenuHover || isDropdownHover,\r\n alt: altStyle,\r\n }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n (click)=\"headerAuxMenuItemClicked($event)\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-aux-menu-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-aux-menu-item-dropdown\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></rdsite-header-aux-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center;position:relative}.header-aux-menu-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--header-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.header-aux-menu-item-link cura-icon{--color: var(--header-aux-color) !important}.header-aux-menu-item-link.hover{color:var(--header-aux-hover)!important}.header-aux-menu-item-link.hover cura-icon{--color: var(--header-aux-hover) !important}.header-aux-menu-item-link:active{color:var(--header-aux-active)!important}.header-aux-menu-item-link:active cura-icon{--color: var(--header-aux-active) !important}.header-aux-menu-item-link.alt{color:var(--header-aux-color-alt)!important}.header-aux-menu-item-link.alt cura-icon{--color: var(--header-aux-color-alt) !important}.header-aux-menu-item-link.alt.hover{color:var(--header-aux-hover-alt)!important}.header-aux-menu-item-link.alt.hover cura-icon{--color: var(--header-aux-hover-alt) !important}.header-aux-menu-item-link.alt:active{color:var(--header-aux-active-alt)!important}.header-aux-menu-item-link.alt:active cura-icon{--color: var(--header-aux-active-alt) !important}.header-aux-menu-item-dropdown{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--header-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderAuxMenuItemDropdownComponent, selector: "rdsite-header-aux-menu-item-dropdown", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }] }); }
|
|
18044
18046
|
}
|
|
18045
18047
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
18046
18048
|
type: Component,
|
|
18047
|
-
args: [{ selector: 'rdsite-header-aux-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, RdsitePhoneModalDirective, HeaderAuxMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\n <a\n class=\"header-aux-menu-item-link\"\n [ngClass]=\"{\n hover: isMenuHover || isDropdownHover,\n alt: altStyle,\n }\"\n (mouseenter)=\"btnHoverChange(true)\"\n (mouseleave)=\"btnHoverChange(false)\"\n [href]=\"item.url\"\n (click)=\"headerAuxMenuItemClicked($event)\"\n rdsitelink\n >\n {{ item.title }}\n @if (item.children?.length) {\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\n }\n </a>\n\n @if (item.children?.length) {\n <div\n class=\"header-aux-menu-item-dropdown\"\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n >\n <rdsite-header-aux-menu-item-dropdown\n [items]=\"item.children ?? []\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n ></rdsite-header-aux-menu-item-dropdown>\n </div>\n }\n}\n", styles: [":host{display:flex;align-items:center;position:relative}.header-aux-menu-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--header-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.header-aux-menu-item-link cura-icon{--color: var(--header-aux-color) !important}.header-aux-menu-item-link.hover{color:var(--header-aux-hover)!important}.header-aux-menu-item-link.hover cura-icon{--color: var(--header-aux-hover) !important}.header-aux-menu-item-link:active{color:var(--header-aux-active)!important}.header-aux-menu-item-link:active cura-icon{--color: var(--header-aux-active) !important}.header-aux-menu-item-link.alt{color:var(--header-aux-color-alt)!important}.header-aux-menu-item-link.alt cura-icon{--color: var(--header-aux-color-alt) !important}.header-aux-menu-item-link.alt.hover{color:var(--header-aux-hover-alt)!important}.header-aux-menu-item-link.alt.hover cura-icon{--color: var(--header-aux-hover-alt) !important}.header-aux-menu-item-link.alt:active{color:var(--header-aux-active-alt)!important}.header-aux-menu-item-link.alt:active cura-icon{--color: var(--header-aux-active-alt) !important}.header-aux-menu-item-dropdown{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--header-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px}\n"] }]
|
|
18049
|
+
args: [{ selector: 'rdsite-header-aux-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, RdsitePhoneModalDirective, HeaderAuxMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"header-aux-menu-item-link\"\r\n [ngClass]=\"{\r\n hover: isMenuHover || isDropdownHover,\r\n alt: altStyle,\r\n }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n (click)=\"headerAuxMenuItemClicked($event)\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-aux-menu-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-aux-menu-item-dropdown\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></rdsite-header-aux-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center;position:relative}.header-aux-menu-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--header-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.header-aux-menu-item-link cura-icon{--color: var(--header-aux-color) !important}.header-aux-menu-item-link.hover{color:var(--header-aux-hover)!important}.header-aux-menu-item-link.hover cura-icon{--color: var(--header-aux-hover) !important}.header-aux-menu-item-link:active{color:var(--header-aux-active)!important}.header-aux-menu-item-link:active cura-icon{--color: var(--header-aux-active) !important}.header-aux-menu-item-link.alt{color:var(--header-aux-color-alt)!important}.header-aux-menu-item-link.alt cura-icon{--color: var(--header-aux-color-alt) !important}.header-aux-menu-item-link.alt.hover{color:var(--header-aux-hover-alt)!important}.header-aux-menu-item-link.alt.hover cura-icon{--color: var(--header-aux-hover-alt) !important}.header-aux-menu-item-link.alt:active{color:var(--header-aux-active-alt)!important}.header-aux-menu-item-link.alt:active cura-icon{--color: var(--header-aux-active-alt) !important}.header-aux-menu-item-dropdown{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--header-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px}\n"] }]
|
|
18048
18050
|
}], propDecorators: { item: [{
|
|
18049
18051
|
type: Input
|
|
18050
18052
|
}], altStyle: [{
|
|
@@ -18069,11 +18071,11 @@ class HeaderLogoComponent {
|
|
|
18069
18071
|
this.headerLogoClick.emit(event);
|
|
18070
18072
|
}
|
|
18071
18073
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18072
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderLogoComponent, isStandalone: true, selector: "rdsite-header-logo", inputs: { href: "href", title: "title", alt: "alt", src: "src" }, outputs: { headerLogoClick: "headerLogoClick" }, ngImport: i0, template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\n <img loading=\"lazy\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\n</a>\n", styles: [":host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host a img{max-width:80px;max-height:80px}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18074
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderLogoComponent, isStandalone: true, selector: "rdsite-header-logo", inputs: { href: "href", title: "title", alt: "alt", src: "src" }, outputs: { headerLogoClick: "headerLogoClick" }, ngImport: i0, template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\r\n <img loading=\"lazy\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host a img{max-width:80px;max-height:80px}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18073
18075
|
}
|
|
18074
18076
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
18075
18077
|
type: Component,
|
|
18076
|
-
args: [{ selector: 'rdsite-header-logo', standalone: true, imports: [RdsiteLinkDirective], template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\n <img loading=\"lazy\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\n</a>\n", styles: [":host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host a img{max-width:80px;max-height:80px}\n"] }]
|
|
18078
|
+
args: [{ selector: 'rdsite-header-logo', standalone: true, imports: [RdsiteLinkDirective], template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\r\n <img loading=\"lazy\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host a img{max-width:80px;max-height:80px}\n"] }]
|
|
18077
18079
|
}], propDecorators: { href: [{
|
|
18078
18080
|
type: Input
|
|
18079
18081
|
}], title: [{
|
|
@@ -18088,11 +18090,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18088
18090
|
|
|
18089
18091
|
class HeaderMainMenuComponent {
|
|
18090
18092
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18091
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderMainMenuComponent, isStandalone: true, selector: "rdsite-header-main-menu", ngImport: i0, template: "<nav>\n <ul>\n <ng-content select=\"#rdsite-header-main-menu-item\"></ng-content>\n </ul>\n</nav>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}:host ::ng-deep rdsite-header-main-menu-item{display:none}@media only screen and (min-width: 1024px){:host ::ng-deep rdsite-header-main-menu-item{display:flex}}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }); }
|
|
18093
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderMainMenuComponent, isStandalone: true, selector: "rdsite-header-main-menu", ngImport: i0, template: "<nav>\r\n <ul>\r\n <ng-content select=\"#rdsite-header-main-menu-item\"></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}:host ::ng-deep rdsite-header-main-menu-item{display:none}@media only screen and (min-width: 1024px){:host ::ng-deep rdsite-header-main-menu-item{display:flex}}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }); }
|
|
18092
18094
|
}
|
|
18093
18095
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, decorators: [{
|
|
18094
18096
|
type: Component,
|
|
18095
|
-
args: [{ selector: 'rdsite-header-main-menu', standalone: true, imports: [], template: "<nav>\n <ul>\n <ng-content select=\"#rdsite-header-main-menu-item\"></ng-content>\n </ul>\n</nav>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}:host ::ng-deep rdsite-header-main-menu-item{display:none}@media only screen and (min-width: 1024px){:host ::ng-deep rdsite-header-main-menu-item{display:flex}}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }]
|
|
18097
|
+
args: [{ selector: 'rdsite-header-main-menu', standalone: true, imports: [], template: "<nav>\r\n <ul>\r\n <ng-content select=\"#rdsite-header-main-menu-item\"></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}:host ::ng-deep rdsite-header-main-menu-item{display:none}@media only screen and (min-width: 1024px){:host ::ng-deep rdsite-header-main-menu-item{display:flex}}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }]
|
|
18096
18098
|
}] });
|
|
18097
18099
|
|
|
18098
18100
|
class HeaderMainMenuItemDropdownComponent {
|
|
@@ -18162,11 +18164,11 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
18162
18164
|
this.headerMainMenuCtaDDClick.emit(event);
|
|
18163
18165
|
}
|
|
18164
18166
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18165
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-main-menu-item-dropdown", inputs: { item: "item" }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item) {\n <div class=\"header-main-menu-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item.title }}\n </p>\n\n <p class=\"info-description\">\n {{ item.description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item.children; track itemLv2.ID) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item.children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item.children)\"\n >\n <span>{{ itemLv2.title }}</span>\n @if (itemLv2?.children?.length) {\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n <span>{{ itemLv3.title }}</span>\n @if (itemLv3?.children?.length) {\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n <span>{{ itemLv4.title }}</span>\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item.itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item.ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\n <span>{{ cta.titulo }}</span>\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv4-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.header-main-menu-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--header-main-dd-alt-color);font-weight:500}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--header-main-dd-alt-hover)}.header-main-menu-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--header-main-dd-alt-color);font-weight:300}.header-main-menu-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--header-main-dd-cta-bg);border-radius:4px}.header-main-menu-item-dropdown .ctas-container .ctas a span{text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--header-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18167
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-main-menu-item-dropdown", inputs: { item: "item" }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item) {\r\n <div class=\"header-main-menu-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item.title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.ID) {\r\n <li>\r\n <a\r\n class=\"link lv2\"\r\n [ngClass]=\"{ active: itemLv2.active }\"\r\n [href]=\"itemLv2.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item.children)\"\r\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item.children)\"\r\n >\r\n <span>{{ itemLv2.title }}</span>\r\n @if (itemLv2?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\r\n <li>\r\n <a\r\n class=\"link lv3\"\r\n [ngClass]=\"{ active: itemLv3.active }\"\r\n [href]=\"itemLv3.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n >\r\n <span>{{ itemLv3.title }}</span>\r\n @if (itemLv3?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n <span>{{ itemLv4.title }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item.itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item.ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <span>{{ cta.titulo }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv4-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.header-main-menu-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--header-main-dd-alt-color);font-weight:500}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--header-main-dd-alt-hover)}.header-main-menu-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--header-main-dd-alt-color);font-weight:300}.header-main-menu-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--header-main-dd-cta-bg);border-radius:4px}.header-main-menu-item-dropdown .ctas-container .ctas a span{text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--header-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18166
18168
|
}
|
|
18167
18169
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
18168
18170
|
type: Component,
|
|
18169
|
-
args: [{ selector: 'rdsite-header-main-menu-item-dropdown', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\n <div class=\"header-main-menu-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item.title }}\n </p>\n\n <p class=\"info-description\">\n {{ item.description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item.children; track itemLv2.ID) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item.children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item.children)\"\n >\n <span>{{ itemLv2.title }}</span>\n @if (itemLv2?.children?.length) {\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n <span>{{ itemLv3.title }}</span>\n @if (itemLv3?.children?.length) {\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n <span>{{ itemLv4.title }}</span>\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item.itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item.ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\n <span>{{ cta.titulo }}</span>\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv4-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.header-main-menu-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--header-main-dd-alt-color);font-weight:500}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--header-main-dd-alt-hover)}.header-main-menu-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--header-main-dd-alt-color);font-weight:300}.header-main-menu-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--header-main-dd-cta-bg);border-radius:4px}.header-main-menu-item-dropdown .ctas-container .ctas a span{text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--header-main-dd-cta-color)}\n"] }]
|
|
18171
|
+
args: [{ selector: 'rdsite-header-main-menu-item-dropdown', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <div class=\"header-main-menu-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item.title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.ID) {\r\n <li>\r\n <a\r\n class=\"link lv2\"\r\n [ngClass]=\"{ active: itemLv2.active }\"\r\n [href]=\"itemLv2.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item.children)\"\r\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item.children)\"\r\n >\r\n <span>{{ itemLv2.title }}</span>\r\n @if (itemLv2?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\r\n <li>\r\n <a\r\n class=\"link lv3\"\r\n [ngClass]=\"{ active: itemLv3.active }\"\r\n [href]=\"itemLv3.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n >\r\n <span>{{ itemLv3.title }}</span>\r\n @if (itemLv3?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n <span>{{ itemLv4.title }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item.itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item.ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <span>{{ cta.titulo }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv4-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.header-main-menu-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--header-main-dd-alt-color);font-weight:500}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--header-main-dd-alt-hover)}.header-main-menu-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--header-main-dd-alt-color);font-weight:300}.header-main-menu-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--header-main-dd-cta-bg);border-radius:4px}.header-main-menu-item-dropdown .ctas-container .ctas a span{text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--header-main-dd-cta-color)}\n"] }]
|
|
18170
18172
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18171
18173
|
type: Input
|
|
18172
18174
|
}], headerMainMenuItemDDClick: [{
|
|
@@ -18221,11 +18223,11 @@ class HeaderMainMenuItemComponent {
|
|
|
18221
18223
|
this.dropdownOpen$.unsubscribe();
|
|
18222
18224
|
}
|
|
18223
18225
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18224
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "rdsite-header-main-menu-item", inputs: { item: "item" }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true }], ngImport: i0, template: "@if (item) {\n <a\n class=\"header-main-menu-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent?.opened() }\"\n (mouseenter)=\"btnHoverChange(true)\"\n (mouseleave)=\"btnHoverChange(false)\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item.url\"\n rdsitelink\n >\n {{ item.title }}\n @if (item.children?.length) {\n <cura-icon [name]=\"!!dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\n }\n </a>\n\n @if (item.children?.length) {\n <div\n class=\"header-main-menu-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n >\n <rdsite-header-main-menu-item-dropdown\n [item]=\"item\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></rdsite-header-main-menu-item-dropdown>\n </div>\n }\n}\n", styles: [":host{display:flex;align-items:center}.header-main-menu-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--header-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.header-main-menu-item-link cura-icon{--color: var(--header-main-color) !important}.header-main-menu-item-link:hover,.header-main-menu-item-link.hover{color:var(--header-main-hover)!important;background-color:var(--header-main-bg-hover)}.header-main-menu-item-link:hover cura-icon,.header-main-menu-item-link.hover cura-icon{--color: var(--header-main-hover) !important}.header-main-menu-item-link:active{color:var(--header-main-active)!important}.header-main-menu-item-link:active cura-icon{--color: var(--header-main-active) !important}@media only screen and (min-width: 1366px){.header-main-menu-item-link{height:44px;padding:0 16px}}.header-main-menu-item-dropdown-container{position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--header-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){.header-main-menu-item-dropdown-container{max-height:calc(100vh - 88px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderMainMenuItemDropdownComponent, selector: "rdsite-header-main-menu-item-dropdown", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }] }); }
|
|
18226
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "rdsite-header-main-menu-item", inputs: { item: "item" }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true }], ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"header-main-menu-item-link\"\r\n [ngClass]=\"{ hover: !!dropdownComponent?.opened() }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n (click)=\"headerMainMenuItemClicked($event)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"!!dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-main-menu-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-main-menu-item-dropdown\r\n [item]=\"item\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></rdsite-header-main-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center}.header-main-menu-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--header-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.header-main-menu-item-link cura-icon{--color: var(--header-main-color) !important}.header-main-menu-item-link:hover,.header-main-menu-item-link.hover{color:var(--header-main-hover)!important;background-color:var(--header-main-bg-hover)}.header-main-menu-item-link:hover cura-icon,.header-main-menu-item-link.hover cura-icon{--color: var(--header-main-hover) !important}.header-main-menu-item-link:active{color:var(--header-main-active)!important}.header-main-menu-item-link:active cura-icon{--color: var(--header-main-active) !important}@media only screen and (min-width: 1366px){.header-main-menu-item-link{height:44px;padding:0 16px}}.header-main-menu-item-dropdown-container{position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--header-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){.header-main-menu-item-dropdown-container{max-height:calc(100vh - 88px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderMainMenuItemDropdownComponent, selector: "rdsite-header-main-menu-item-dropdown", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }] }); }
|
|
18225
18227
|
}
|
|
18226
18228
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
18227
18229
|
type: Component,
|
|
18228
|
-
args: [{ selector: 'rdsite-header-main-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, RdsitePhoneModalDirective, HeaderMainMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\n <a\n class=\"header-main-menu-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent?.opened() }\"\n (mouseenter)=\"btnHoverChange(true)\"\n (mouseleave)=\"btnHoverChange(false)\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item.url\"\n rdsitelink\n >\n {{ item.title }}\n @if (item.children?.length) {\n <cura-icon [name]=\"!!dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\n }\n </a>\n\n @if (item.children?.length) {\n <div\n class=\"header-main-menu-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n >\n <rdsite-header-main-menu-item-dropdown\n [item]=\"item\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></rdsite-header-main-menu-item-dropdown>\n </div>\n }\n}\n", styles: [":host{display:flex;align-items:center}.header-main-menu-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--header-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.header-main-menu-item-link cura-icon{--color: var(--header-main-color) !important}.header-main-menu-item-link:hover,.header-main-menu-item-link.hover{color:var(--header-main-hover)!important;background-color:var(--header-main-bg-hover)}.header-main-menu-item-link:hover cura-icon,.header-main-menu-item-link.hover cura-icon{--color: var(--header-main-hover) !important}.header-main-menu-item-link:active{color:var(--header-main-active)!important}.header-main-menu-item-link:active cura-icon{--color: var(--header-main-active) !important}@media only screen and (min-width: 1366px){.header-main-menu-item-link{height:44px;padding:0 16px}}.header-main-menu-item-dropdown-container{position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--header-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){.header-main-menu-item-dropdown-container{max-height:calc(100vh - 88px)}}\n"] }]
|
|
18230
|
+
args: [{ selector: 'rdsite-header-main-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, RdsitePhoneModalDirective, HeaderMainMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"header-main-menu-item-link\"\r\n [ngClass]=\"{ hover: !!dropdownComponent?.opened() }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n (click)=\"headerMainMenuItemClicked($event)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"!!dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-main-menu-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-main-menu-item-dropdown\r\n [item]=\"item\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></rdsite-header-main-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center}.header-main-menu-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--header-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.header-main-menu-item-link cura-icon{--color: var(--header-main-color) !important}.header-main-menu-item-link:hover,.header-main-menu-item-link.hover{color:var(--header-main-hover)!important;background-color:var(--header-main-bg-hover)}.header-main-menu-item-link:hover cura-icon,.header-main-menu-item-link.hover cura-icon{--color: var(--header-main-hover) !important}.header-main-menu-item-link:active{color:var(--header-main-active)!important}.header-main-menu-item-link:active cura-icon{--color: var(--header-main-active) !important}@media only screen and (min-width: 1366px){.header-main-menu-item-link{height:44px;padding:0 16px}}.header-main-menu-item-dropdown-container{position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--header-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){.header-main-menu-item-dropdown-container{max-height:calc(100vh - 88px)}}\n"] }]
|
|
18229
18231
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18230
18232
|
type: Input
|
|
18231
18233
|
}], headerMainMenuItemClick: [{
|
|
@@ -18249,11 +18251,11 @@ class HeaderSideMenuComponent {
|
|
|
18249
18251
|
this.headerService.toggleShowSideMenu(false);
|
|
18250
18252
|
}
|
|
18251
18253
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18252
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderSideMenuComponent, isStandalone: true, selector: "rdsite-header-side-menu", ngImport: i0, template: "<div class=\"rdsite-header-side-menu\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n <div class=\"side-menu\">\n <div class=\"side-menu-close\">\n <button type=\"button\" (click)=\"headerService.toggleShowSideMenu()\">\n <cura-icon name=\"close\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\n </button>\n </div>\n\n <nav>\n <ul class=\"side-menu-content\">\n <ng-content select=\"#rdsite-header-side-menu-item\"></ng-content>\n </ul>\n </nav>\n </div>\n</div>\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\n", styles: [":host{overflow:hidden}.rdsite-header-side-menu{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.rdsite-header-side-menu.active{z-index:3004;pointer-events:auto}.rdsite-header-side-menu.active .side-menu{transform:translate(0)}.rdsite-header-side-menu .side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--header-side-bg-color)}.rdsite-header-side-menu .side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.rdsite-header-side-menu .side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.rdsite-header-side-menu .side-menu-close button cura-icon{cursor:pointer}.rdsite-header-side-menu .side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.rdsite-header-side-menu .side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.rdsite-header-side-menu .side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }] }); }
|
|
18254
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderSideMenuComponent, isStandalone: true, selector: "rdsite-header-side-menu", ngImport: i0, template: "<div class=\"rdsite-header-side-menu\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"close\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n </button>\r\n </div>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"#rdsite-header-side-menu-item\"></ng-content>\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [":host{overflow:hidden}.rdsite-header-side-menu{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.rdsite-header-side-menu.active{z-index:3004;pointer-events:auto}.rdsite-header-side-menu.active .side-menu{transform:translate(0)}.rdsite-header-side-menu .side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--header-side-bg-color)}.rdsite-header-side-menu .side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.rdsite-header-side-menu .side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.rdsite-header-side-menu .side-menu-close button cura-icon{cursor:pointer}.rdsite-header-side-menu .side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.rdsite-header-side-menu .side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.rdsite-header-side-menu .side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }] }); }
|
|
18253
18255
|
}
|
|
18254
18256
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
18255
18257
|
type: Component,
|
|
18256
|
-
args: [{ selector: 'rdsite-header-side-menu', standalone: true, imports: [CommonModule, OverlayComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-header-side-menu\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n <div class=\"side-menu\">\n <div class=\"side-menu-close\">\n <button type=\"button\" (click)=\"headerService.toggleShowSideMenu()\">\n <cura-icon name=\"close\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\n </button>\n </div>\n\n <nav>\n <ul class=\"side-menu-content\">\n <ng-content select=\"#rdsite-header-side-menu-item\"></ng-content>\n </ul>\n </nav>\n </div>\n</div>\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\n", styles: [":host{overflow:hidden}.rdsite-header-side-menu{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.rdsite-header-side-menu.active{z-index:3004;pointer-events:auto}.rdsite-header-side-menu.active .side-menu{transform:translate(0)}.rdsite-header-side-menu .side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--header-side-bg-color)}.rdsite-header-side-menu .side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.rdsite-header-side-menu .side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.rdsite-header-side-menu .side-menu-close button cura-icon{cursor:pointer}.rdsite-header-side-menu .side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.rdsite-header-side-menu .side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.rdsite-header-side-menu .side-menu{width:340px}}\n"] }]
|
|
18258
|
+
args: [{ selector: 'rdsite-header-side-menu', standalone: true, imports: [CommonModule, OverlayComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-header-side-menu\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"close\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n </button>\r\n </div>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"#rdsite-header-side-menu-item\"></ng-content>\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [":host{overflow:hidden}.rdsite-header-side-menu{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.rdsite-header-side-menu.active{z-index:3004;pointer-events:auto}.rdsite-header-side-menu.active .side-menu{transform:translate(0)}.rdsite-header-side-menu .side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--header-side-bg-color)}.rdsite-header-side-menu .side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.rdsite-header-side-menu .side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.rdsite-header-side-menu .side-menu-close button cura-icon{cursor:pointer}.rdsite-header-side-menu .side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.rdsite-header-side-menu .side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.rdsite-header-side-menu .side-menu{width:340px}}\n"] }]
|
|
18257
18259
|
}], ctorParameters: () => [{ type: HeaderService }] });
|
|
18258
18260
|
|
|
18259
18261
|
class HeaderSideMenuItemComponent {
|
|
@@ -18283,11 +18285,11 @@ class HeaderSideMenuItemComponent {
|
|
|
18283
18285
|
this.headerSideMenuItemClick.emit(event);
|
|
18284
18286
|
}
|
|
18285
18287
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18286
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "rdsite-header-side-menu-item", inputs: { item: "item", altStyle: "altStyle", level: "level", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\n <div class=\"rdsite-header-side-menu-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\n <span [ngClass]=\"{ 'fourth-level': level >= 4 }\">{{ item.title }}</span>\n @if (!item.children?.length) {\n <cura-icon name=\"right\" size=\"20\" color=\"primary-lighter\"></cura-icon>\n }\n </a>\n\n @if (item.children?.length) {\n <cura-icon [attr.name]=\"item.active ? 'up' : 'down'\" size=\"20\" [attr.color]=\"item.active ? 'primary-light' : 'neutral-purewhite'\"></cura-icon>\n }\n </div>\n\n @if (item.children?.length) {\n <ul class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\n @for (child of item.children; track item.title) {\n <li>\n <rdsite-header-side-menu-item\n [item]=\"child\"\n [fontSize]=\"fontSize\"\n [altStyle]=\"altStyle\"\n [level]=\"level + 1\"\n (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"\n ></rdsite-header-side-menu-item>\n </li>\n }\n </ul>\n }\n}\n", styles: [".rdsite-header-side-menu-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--header-side-border-bottom, rgb(0, 61, 165))}.rdsite-header-side-menu-item.active{border-bottom:none}.rdsite-header-side-menu-item.active a{text-decoration:none}.rdsite-header-side-menu-item.active a span{color:var(--header-side-open-color, rgb(68, 142, 205))}.rdsite-header-side-menu-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.rdsite-header-side-menu-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--header-side-color)}.rdsite-header-side-menu-item a span.fourth-level{font-size:12px}.rdsite-header-side-menu-item:hover a span{color:var(--header-side-hover)}.rdsite-header-side-menu-item:hover cura-icon{--color: var(--header-side-hover) !important}.rdsite-header-side-menu-item:active a span{color:var(--header-side-active)}.rdsite-header-side-menu-item:active cura-icon{--color: var(--header-side-active) !important}.rdsite-header-side-menu-item.alt a span{color:var(--header-side-alt-color)}.rdsite-header-side-menu-item.alt:hover a span{color:var(--header-side-alt-hover)}.rdsite-header-side-menu-item.alt:hover cura-icon{--color: var(--header-side-alt-hover) !important}.rdsite-header-side-menu-item.alt:active a span{color:var(--header-side-alt-active)}.rdsite-header-side-menu-item.alt:active cura-icon{--color: var(--header-side-alt-active) !important}.rdsite-header-side-menu-item-list{padding:0 0 0 24px;display:none}.rdsite-header-side-menu-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "rdsite-header-side-menu-item", inputs: ["item", "altStyle", "level", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18288
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "rdsite-header-side-menu-item", inputs: { item: "item", altStyle: "altStyle", level: "level", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\r\n <div class=\"rdsite-header-side-menu-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span [ngClass]=\"{ 'fourth-level': level >= 4 }\">{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <cura-icon name=\"right\" size=\"20\" color=\"primary-lighter\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <cura-icon [attr.name]=\"item.active ? 'up' : 'down'\" size=\"20\" [attr.color]=\"item.active ? 'primary-light' : 'neutral-purewhite'\"></cura-icon>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <li>\r\n <rdsite-header-side-menu-item\r\n [item]=\"child\"\r\n [fontSize]=\"fontSize\"\r\n [altStyle]=\"altStyle\"\r\n [level]=\"level + 1\"\r\n (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"\r\n ></rdsite-header-side-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".rdsite-header-side-menu-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--header-side-border-bottom, rgb(0, 61, 165))}.rdsite-header-side-menu-item.active{border-bottom:none}.rdsite-header-side-menu-item.active a{text-decoration:none}.rdsite-header-side-menu-item.active a span{color:var(--header-side-open-color, rgb(68, 142, 205))}.rdsite-header-side-menu-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.rdsite-header-side-menu-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--header-side-color)}.rdsite-header-side-menu-item a span.fourth-level{font-size:12px}.rdsite-header-side-menu-item:hover a span{color:var(--header-side-hover)}.rdsite-header-side-menu-item:hover cura-icon{--color: var(--header-side-hover) !important}.rdsite-header-side-menu-item:active a span{color:var(--header-side-active)}.rdsite-header-side-menu-item:active cura-icon{--color: var(--header-side-active) !important}.rdsite-header-side-menu-item.alt a span{color:var(--header-side-alt-color)}.rdsite-header-side-menu-item.alt:hover a span{color:var(--header-side-alt-hover)}.rdsite-header-side-menu-item.alt:hover cura-icon{--color: var(--header-side-alt-hover) !important}.rdsite-header-side-menu-item.alt:active a span{color:var(--header-side-alt-active)}.rdsite-header-side-menu-item.alt:active cura-icon{--color: var(--header-side-alt-active) !important}.rdsite-header-side-menu-item-list{padding:0 0 0 24px;display:none}.rdsite-header-side-menu-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "rdsite-header-side-menu-item", inputs: ["item", "altStyle", "level", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18287
18289
|
}
|
|
18288
18290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
18289
18291
|
type: Component,
|
|
18290
|
-
args: [{ selector: 'rdsite-header-side-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\n <div class=\"rdsite-header-side-menu-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\n <span [ngClass]=\"{ 'fourth-level': level >= 4 }\">{{ item.title }}</span>\n @if (!item.children?.length) {\n <cura-icon name=\"right\" size=\"20\" color=\"primary-lighter\"></cura-icon>\n }\n </a>\n\n @if (item.children?.length) {\n <cura-icon [attr.name]=\"item.active ? 'up' : 'down'\" size=\"20\" [attr.color]=\"item.active ? 'primary-light' : 'neutral-purewhite'\"></cura-icon>\n }\n </div>\n\n @if (item.children?.length) {\n <ul class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\n @for (child of item.children; track item.title) {\n <li>\n <rdsite-header-side-menu-item\n [item]=\"child\"\n [fontSize]=\"fontSize\"\n [altStyle]=\"altStyle\"\n [level]=\"level + 1\"\n (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"\n ></rdsite-header-side-menu-item>\n </li>\n }\n </ul>\n }\n}\n", styles: [".rdsite-header-side-menu-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--header-side-border-bottom, rgb(0, 61, 165))}.rdsite-header-side-menu-item.active{border-bottom:none}.rdsite-header-side-menu-item.active a{text-decoration:none}.rdsite-header-side-menu-item.active a span{color:var(--header-side-open-color, rgb(68, 142, 205))}.rdsite-header-side-menu-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.rdsite-header-side-menu-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--header-side-color)}.rdsite-header-side-menu-item a span.fourth-level{font-size:12px}.rdsite-header-side-menu-item:hover a span{color:var(--header-side-hover)}.rdsite-header-side-menu-item:hover cura-icon{--color: var(--header-side-hover) !important}.rdsite-header-side-menu-item:active a span{color:var(--header-side-active)}.rdsite-header-side-menu-item:active cura-icon{--color: var(--header-side-active) !important}.rdsite-header-side-menu-item.alt a span{color:var(--header-side-alt-color)}.rdsite-header-side-menu-item.alt:hover a span{color:var(--header-side-alt-hover)}.rdsite-header-side-menu-item.alt:hover cura-icon{--color: var(--header-side-alt-hover) !important}.rdsite-header-side-menu-item.alt:active a span{color:var(--header-side-alt-active)}.rdsite-header-side-menu-item.alt:active cura-icon{--color: var(--header-side-alt-active) !important}.rdsite-header-side-menu-item-list{padding:0 0 0 24px;display:none}.rdsite-header-side-menu-item-list.active{display:block}\n"] }]
|
|
18292
|
+
args: [{ selector: 'rdsite-header-side-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <div class=\"rdsite-header-side-menu-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span [ngClass]=\"{ 'fourth-level': level >= 4 }\">{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <cura-icon name=\"right\" size=\"20\" color=\"primary-lighter\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <cura-icon [attr.name]=\"item.active ? 'up' : 'down'\" size=\"20\" [attr.color]=\"item.active ? 'primary-light' : 'neutral-purewhite'\"></cura-icon>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <li>\r\n <rdsite-header-side-menu-item\r\n [item]=\"child\"\r\n [fontSize]=\"fontSize\"\r\n [altStyle]=\"altStyle\"\r\n [level]=\"level + 1\"\r\n (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"\r\n ></rdsite-header-side-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".rdsite-header-side-menu-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--header-side-border-bottom, rgb(0, 61, 165))}.rdsite-header-side-menu-item.active{border-bottom:none}.rdsite-header-side-menu-item.active a{text-decoration:none}.rdsite-header-side-menu-item.active a span{color:var(--header-side-open-color, rgb(68, 142, 205))}.rdsite-header-side-menu-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.rdsite-header-side-menu-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--header-side-color)}.rdsite-header-side-menu-item a span.fourth-level{font-size:12px}.rdsite-header-side-menu-item:hover a span{color:var(--header-side-hover)}.rdsite-header-side-menu-item:hover cura-icon{--color: var(--header-side-hover) !important}.rdsite-header-side-menu-item:active a span{color:var(--header-side-active)}.rdsite-header-side-menu-item:active cura-icon{--color: var(--header-side-active) !important}.rdsite-header-side-menu-item.alt a span{color:var(--header-side-alt-color)}.rdsite-header-side-menu-item.alt:hover a span{color:var(--header-side-alt-hover)}.rdsite-header-side-menu-item.alt:hover cura-icon{--color: var(--header-side-alt-hover) !important}.rdsite-header-side-menu-item.alt:active a span{color:var(--header-side-alt-active)}.rdsite-header-side-menu-item.alt:active cura-icon{--color: var(--header-side-alt-active) !important}.rdsite-header-side-menu-item-list{padding:0 0 0 24px;display:none}.rdsite-header-side-menu-item-list.active{display:block}\n"] }]
|
|
18291
18293
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { item: [{
|
|
18292
18294
|
type: Input
|
|
18293
18295
|
}], altStyle: [{
|
|
@@ -18312,11 +18314,11 @@ class LoadScreenComponent {
|
|
|
18312
18314
|
};
|
|
18313
18315
|
}
|
|
18314
18316
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadScreenComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18315
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoadScreenComponent, isStandalone: true, selector: "rdsite-load-screen", host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<svg\n id=\"eHMRpL82XFk1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"85 98 130 104\"\n shape-rendering=\"geometricPrecision\"\n text-rendering=\"geometricPrecision\"\n project-id=\"d6bcc811f04c4bd68a9b60e9a293b656\"\n export-id=\"07f9d4f6c8ae45db93f339ab9b65e3a6\"\n cached=\"false\"\n>\n <style>\n #eHMRpL82XFk2 {\n animation-name: eHMRpL82XFk2_c_o, eHMRpL82XFk2_s_do;\n animation-duration: 3000ms;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-direction: normal;\n animation-iteration-count: infinite;\n }\n\n @keyframes eHMRpL82XFk2_c_o {\n 0% {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n }\n\n 33.333333% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes eHMRpL82XFk2_s_do {\n 0% {\n stroke-dashoffset: 1070.79;\n animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\n }\n\n 33.333333% {\n stroke-dashoffset: 2141.58;\n }\n\n 100% {\n stroke-dashoffset: 2141.58;\n }\n }\n\n #eHMRpL82XFk3 {\n animation: eHMRpL82XFk3_c_o 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk3_c_o {\n 0% {\n opacity: 0;\n }\n\n 33.333333% {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n }\n\n 73.333333% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n #eHMRpL82XFk10_tr {\n animation: eHMRpL82XFk10_tr__tr 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk10_tr__tr {\n 0% {\n transform: translate(135.33781px, 207.03926px) rotate(720deg);\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\n }\n\n 100% {\n transform: translate(135.33781px, 207.03926px) rotate(439.480519deg);\n }\n }\n\n #eHMRpL82XFk11_tr {\n animation: eHMRpL82XFk11_tr__tr 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk11_tr__tr {\n 0% {\n transform: translate(11.12px, 29.9px) rotate(-720deg);\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\n }\n\n 100% {\n transform: translate(11.12px, 29.9px) rotate(-439.480519deg);\n }\n }\n </style>\n <path\n id=\"eHMRpL82XFk2\"\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\n transform=\"translate(72.3964 71.999878)\"\n opacity=\"0\"\n fill=\"none\"\n stroke=\"#003da5\"\n stroke-linecap=\"square\"\n stroke-miterlimit=\"1\"\n stroke-dashoffset=\"1070.79\"\n stroke-dasharray=\"1070.79\"\n />\n <path\n id=\"eHMRpL82XFk3\"\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\n transform=\"translate(72.3964 71.999878)\"\n opacity=\"0\"\n fill=\"#003da5\"\n />\n</svg>\n\n<h4>Aguarde mais um pouco</h4>\n\n<span>Estamos carregando as informa\u00E7\u00F5es.</span>\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;background:var(--neutral-pale, #e9e9e9)}:host svg{width:108px;height:auto;margin-bottom:22px}:host h4{color:var(--color-one-base, #004186);font-size:14px;font-weight:400;line-height:19px;letter-spacing:.28px}@media only screen and (min-width: 769px){:host h4{font-size:16px;line-height:23px;letter-spacing:.32px}}:host span{color:var(--neutral-dark, #6e6e6e);font-size:10px;font-weight:500;line-height:13px;letter-spacing:.6px}@media only screen and (min-width: 769px){:host span{font-size:12px;line-height:16px;letter-spacing:.72px}}\n"] }); }
|
|
18317
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoadScreenComponent, isStandalone: true, selector: "rdsite-load-screen", host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<svg\r\n id=\"eHMRpL82XFk1\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n viewBox=\"85 98 130 104\"\r\n shape-rendering=\"geometricPrecision\"\r\n text-rendering=\"geometricPrecision\"\r\n project-id=\"d6bcc811f04c4bd68a9b60e9a293b656\"\r\n export-id=\"07f9d4f6c8ae45db93f339ab9b65e3a6\"\r\n cached=\"false\"\r\n>\r\n <style>\r\n #eHMRpL82XFk2 {\r\n animation-name: eHMRpL82XFk2_c_o, eHMRpL82XFk2_s_do;\r\n animation-duration: 3000ms;\r\n animation-fill-mode: forwards;\r\n animation-timing-function: linear;\r\n animation-direction: normal;\r\n animation-iteration-count: infinite;\r\n }\r\n\r\n @keyframes eHMRpL82XFk2_c_o {\r\n 0% {\r\n opacity: 0;\r\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\r\n }\r\n\r\n 33.333333% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes eHMRpL82XFk2_s_do {\r\n 0% {\r\n stroke-dashoffset: 1070.79;\r\n animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\r\n }\r\n\r\n 33.333333% {\r\n stroke-dashoffset: 2141.58;\r\n }\r\n\r\n 100% {\r\n stroke-dashoffset: 2141.58;\r\n }\r\n }\r\n\r\n #eHMRpL82XFk3 {\r\n animation: eHMRpL82XFk3_c_o 3000ms linear infinite normal forwards;\r\n }\r\n\r\n @keyframes eHMRpL82XFk3_c_o {\r\n 0% {\r\n opacity: 0;\r\n }\r\n\r\n 33.333333% {\r\n opacity: 0;\r\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\r\n }\r\n\r\n 73.333333% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n #eHMRpL82XFk10_tr {\r\n animation: eHMRpL82XFk10_tr__tr 3000ms linear infinite normal forwards;\r\n }\r\n\r\n @keyframes eHMRpL82XFk10_tr__tr {\r\n 0% {\r\n transform: translate(135.33781px, 207.03926px) rotate(720deg);\r\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\r\n }\r\n\r\n 100% {\r\n transform: translate(135.33781px, 207.03926px) rotate(439.480519deg);\r\n }\r\n }\r\n\r\n #eHMRpL82XFk11_tr {\r\n animation: eHMRpL82XFk11_tr__tr 3000ms linear infinite normal forwards;\r\n }\r\n\r\n @keyframes eHMRpL82XFk11_tr__tr {\r\n 0% {\r\n transform: translate(11.12px, 29.9px) rotate(-720deg);\r\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\r\n }\r\n\r\n 100% {\r\n transform: translate(11.12px, 29.9px) rotate(-439.480519deg);\r\n }\r\n }\r\n </style>\r\n <path\r\n id=\"eHMRpL82XFk2\"\r\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\r\n transform=\"translate(72.3964 71.999878)\"\r\n opacity=\"0\"\r\n fill=\"none\"\r\n stroke=\"#003da5\"\r\n stroke-linecap=\"square\"\r\n stroke-miterlimit=\"1\"\r\n stroke-dashoffset=\"1070.79\"\r\n stroke-dasharray=\"1070.79\"\r\n />\r\n <path\r\n id=\"eHMRpL82XFk3\"\r\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\r\n transform=\"translate(72.3964 71.999878)\"\r\n opacity=\"0\"\r\n fill=\"#003da5\"\r\n />\r\n</svg>\r\n\r\n<h4>Aguarde mais um pouco</h4>\r\n\r\n<span>Estamos carregando as informa\u00E7\u00F5es.</span>\r\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;background:var(--neutral-pale, #e9e9e9)}:host svg{width:108px;height:auto;margin-bottom:22px}:host h4{color:var(--color-one-base, #004186);font-size:14px;font-weight:400;line-height:19px;letter-spacing:.28px}@media only screen and (min-width: 769px){:host h4{font-size:16px;line-height:23px;letter-spacing:.32px}}:host span{color:var(--neutral-dark, #6e6e6e);font-size:10px;font-weight:500;line-height:13px;letter-spacing:.6px}@media only screen and (min-width: 769px){:host span{font-size:12px;line-height:16px;letter-spacing:.72px}}\n"] }); }
|
|
18316
18318
|
}
|
|
18317
18319
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadScreenComponent, decorators: [{
|
|
18318
18320
|
type: Component,
|
|
18319
|
-
args: [{ selector: 'rdsite-load-screen', standalone: true, template: "<svg\n id=\"eHMRpL82XFk1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"85 98 130 104\"\n shape-rendering=\"geometricPrecision\"\n text-rendering=\"geometricPrecision\"\n project-id=\"d6bcc811f04c4bd68a9b60e9a293b656\"\n export-id=\"07f9d4f6c8ae45db93f339ab9b65e3a6\"\n cached=\"false\"\n>\n <style>\n #eHMRpL82XFk2 {\n animation-name: eHMRpL82XFk2_c_o, eHMRpL82XFk2_s_do;\n animation-duration: 3000ms;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-direction: normal;\n animation-iteration-count: infinite;\n }\n\n @keyframes eHMRpL82XFk2_c_o {\n 0% {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n }\n\n 33.333333% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes eHMRpL82XFk2_s_do {\n 0% {\n stroke-dashoffset: 1070.79;\n animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\n }\n\n 33.333333% {\n stroke-dashoffset: 2141.58;\n }\n\n 100% {\n stroke-dashoffset: 2141.58;\n }\n }\n\n #eHMRpL82XFk3 {\n animation: eHMRpL82XFk3_c_o 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk3_c_o {\n 0% {\n opacity: 0;\n }\n\n 33.333333% {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n }\n\n 73.333333% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n #eHMRpL82XFk10_tr {\n animation: eHMRpL82XFk10_tr__tr 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk10_tr__tr {\n 0% {\n transform: translate(135.33781px, 207.03926px) rotate(720deg);\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\n }\n\n 100% {\n transform: translate(135.33781px, 207.03926px) rotate(439.480519deg);\n }\n }\n\n #eHMRpL82XFk11_tr {\n animation: eHMRpL82XFk11_tr__tr 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk11_tr__tr {\n 0% {\n transform: translate(11.12px, 29.9px) rotate(-720deg);\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\n }\n\n 100% {\n transform: translate(11.12px, 29.9px) rotate(-439.480519deg);\n }\n }\n </style>\n <path\n id=\"eHMRpL82XFk2\"\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\n transform=\"translate(72.3964 71.999878)\"\n opacity=\"0\"\n fill=\"none\"\n stroke=\"#003da5\"\n stroke-linecap=\"square\"\n stroke-miterlimit=\"1\"\n stroke-dashoffset=\"1070.79\"\n stroke-dasharray=\"1070.79\"\n />\n <path\n id=\"eHMRpL82XFk3\"\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\n transform=\"translate(72.3964 71.999878)\"\n opacity=\"0\"\n fill=\"#003da5\"\n />\n</svg>\n\n<h4>Aguarde mais um pouco</h4>\n\n<span>Estamos carregando as informa\u00E7\u00F5es.</span>\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;background:var(--neutral-pale, #e9e9e9)}:host svg{width:108px;height:auto;margin-bottom:22px}:host h4{color:var(--color-one-base, #004186);font-size:14px;font-weight:400;line-height:19px;letter-spacing:.28px}@media only screen and (min-width: 769px){:host h4{font-size:16px;line-height:23px;letter-spacing:.32px}}:host span{color:var(--neutral-dark, #6e6e6e);font-size:10px;font-weight:500;line-height:13px;letter-spacing:.6px}@media only screen and (min-width: 769px){:host span{font-size:12px;line-height:16px;letter-spacing:.72px}}\n"] }]
|
|
18321
|
+
args: [{ selector: 'rdsite-load-screen', standalone: true, template: "<svg\r\n id=\"eHMRpL82XFk1\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n viewBox=\"85 98 130 104\"\r\n shape-rendering=\"geometricPrecision\"\r\n text-rendering=\"geometricPrecision\"\r\n project-id=\"d6bcc811f04c4bd68a9b60e9a293b656\"\r\n export-id=\"07f9d4f6c8ae45db93f339ab9b65e3a6\"\r\n cached=\"false\"\r\n>\r\n <style>\r\n #eHMRpL82XFk2 {\r\n animation-name: eHMRpL82XFk2_c_o, eHMRpL82XFk2_s_do;\r\n animation-duration: 3000ms;\r\n animation-fill-mode: forwards;\r\n animation-timing-function: linear;\r\n animation-direction: normal;\r\n animation-iteration-count: infinite;\r\n }\r\n\r\n @keyframes eHMRpL82XFk2_c_o {\r\n 0% {\r\n opacity: 0;\r\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\r\n }\r\n\r\n 33.333333% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes eHMRpL82XFk2_s_do {\r\n 0% {\r\n stroke-dashoffset: 1070.79;\r\n animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\r\n }\r\n\r\n 33.333333% {\r\n stroke-dashoffset: 2141.58;\r\n }\r\n\r\n 100% {\r\n stroke-dashoffset: 2141.58;\r\n }\r\n }\r\n\r\n #eHMRpL82XFk3 {\r\n animation: eHMRpL82XFk3_c_o 3000ms linear infinite normal forwards;\r\n }\r\n\r\n @keyframes eHMRpL82XFk3_c_o {\r\n 0% {\r\n opacity: 0;\r\n }\r\n\r\n 33.333333% {\r\n opacity: 0;\r\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\r\n }\r\n\r\n 73.333333% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n #eHMRpL82XFk10_tr {\r\n animation: eHMRpL82XFk10_tr__tr 3000ms linear infinite normal forwards;\r\n }\r\n\r\n @keyframes eHMRpL82XFk10_tr__tr {\r\n 0% {\r\n transform: translate(135.33781px, 207.03926px) rotate(720deg);\r\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\r\n }\r\n\r\n 100% {\r\n transform: translate(135.33781px, 207.03926px) rotate(439.480519deg);\r\n }\r\n }\r\n\r\n #eHMRpL82XFk11_tr {\r\n animation: eHMRpL82XFk11_tr__tr 3000ms linear infinite normal forwards;\r\n }\r\n\r\n @keyframes eHMRpL82XFk11_tr__tr {\r\n 0% {\r\n transform: translate(11.12px, 29.9px) rotate(-720deg);\r\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\r\n }\r\n\r\n 100% {\r\n transform: translate(11.12px, 29.9px) rotate(-439.480519deg);\r\n }\r\n }\r\n </style>\r\n <path\r\n id=\"eHMRpL82XFk2\"\r\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\r\n transform=\"translate(72.3964 71.999878)\"\r\n opacity=\"0\"\r\n fill=\"none\"\r\n stroke=\"#003da5\"\r\n stroke-linecap=\"square\"\r\n stroke-miterlimit=\"1\"\r\n stroke-dashoffset=\"1070.79\"\r\n stroke-dasharray=\"1070.79\"\r\n />\r\n <path\r\n id=\"eHMRpL82XFk3\"\r\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\r\n transform=\"translate(72.3964 71.999878)\"\r\n opacity=\"0\"\r\n fill=\"#003da5\"\r\n />\r\n</svg>\r\n\r\n<h4>Aguarde mais um pouco</h4>\r\n\r\n<span>Estamos carregando as informa\u00E7\u00F5es.</span>\r\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;background:var(--neutral-pale, #e9e9e9)}:host svg{width:108px;height:auto;margin-bottom:22px}:host h4{color:var(--color-one-base, #004186);font-size:14px;font-weight:400;line-height:19px;letter-spacing:.28px}@media only screen and (min-width: 769px){:host h4{font-size:16px;line-height:23px;letter-spacing:.32px}}:host span{color:var(--neutral-dark, #6e6e6e);font-size:10px;font-weight:500;line-height:13px;letter-spacing:.6px}@media only screen and (min-width: 769px){:host span{font-size:12px;line-height:16px;letter-spacing:.72px}}\n"] }]
|
|
18320
18322
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { styleBinding: [{
|
|
18321
18323
|
type: HostBinding,
|
|
18322
18324
|
args: ['style']
|
|
@@ -18330,11 +18332,11 @@ class SideCtasComponent {
|
|
|
18330
18332
|
};
|
|
18331
18333
|
}
|
|
18332
18334
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18333
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
18335
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\r\n class=\"rdsite-side-ctas-right\"\r\n [ngStyle]=\"{\r\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\r\n }\"\r\n>\r\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\r\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\r\n </div>\r\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\r\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\r\n </div>\r\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\r\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\r\n </div>\r\n</div>\r\n\r\n<div\r\n class=\"rdsite-side-ctas-bottom\"\r\n [ngStyle]=\"{\r\n display: bottom?.children?.length ? 'flex' : 'none',\r\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\r\n }\"\r\n>\r\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\r\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
18334
18336
|
}
|
|
18335
18337
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
18336
18338
|
type: Component,
|
|
18337
|
-
args: [{ selector: 'rdsite-side-ctas', standalone: true, imports: [CommonModule], template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
|
|
18339
|
+
args: [{ selector: 'rdsite-side-ctas', standalone: true, imports: [CommonModule], template: "<div\r\n class=\"rdsite-side-ctas-right\"\r\n [ngStyle]=\"{\r\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\r\n }\"\r\n>\r\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\r\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\r\n </div>\r\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\r\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\r\n </div>\r\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\r\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\r\n </div>\r\n</div>\r\n\r\n<div\r\n class=\"rdsite-side-ctas-bottom\"\r\n [ngStyle]=\"{\r\n display: bottom?.children?.length ? 'flex' : 'none',\r\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\r\n }\"\r\n>\r\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\r\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
|
|
18338
18340
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { style: [{
|
|
18339
18341
|
type: HostBinding,
|
|
18340
18342
|
args: ['style']
|
|
@@ -18363,11 +18365,11 @@ class SideCtasBottomComponent {
|
|
|
18363
18365
|
this.sideCtaBottomItemClick.emit(event);
|
|
18364
18366
|
}
|
|
18365
18367
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18366
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: "ctas" }, outputs: { sideCtaBottomItemClick: "sideCtaBottomItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18368
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: "ctas" }, outputs: { sideCtaBottomItemClick: "sideCtaBottomItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\r\n @for (cta of ctas; track cta.text) {\r\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\r\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\r\n <span>{{ cta.text }}</span>\r\n </a>\r\n }\r\n}\r\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18367
18369
|
}
|
|
18368
18370
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
18369
18371
|
type: Component,
|
|
18370
|
-
args: [{ selector: 'rdsite-side-ctas-bottom', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
|
|
18372
|
+
args: [{ selector: 'rdsite-side-ctas-bottom', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\r\n @for (cta of ctas; track cta.text) {\r\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\r\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\r\n <span>{{ cta.text }}</span>\r\n </a>\r\n }\r\n}\r\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
|
|
18371
18373
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
18372
18374
|
type: Input
|
|
18373
18375
|
}], sideCtaBottomItemClick: [{
|
|
@@ -18401,11 +18403,11 @@ class WhatsappComponent {
|
|
|
18401
18403
|
this.whatsappClick.emit(event);
|
|
18402
18404
|
}
|
|
18403
18405
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18404
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link) {\n <a\n class=\"rdsite-whatsapp\"\n [ngClass]=\"{ 'border-top': borderTop }\"\n [href]=\"link\"\n rdsitelink\n (mouseenter)=\"active = true\"\n (mouseleave)=\"active = false\"\n (click)=\"whatsappClicked($event)\"\n >\n @if (imgUrl) {\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\n }\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n <span>{{ text }}</span>\n </div>\n </a>\n}\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18406
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n @if (imgUrl) {\r\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\r\n }\r\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n <span>{{ text }}</span>\r\n </div>\r\n </a>\r\n}\r\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18405
18407
|
}
|
|
18406
18408
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
18407
18409
|
type: Component,
|
|
18408
|
-
args: [{ selector: 'rdsite-whatsapp', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link) {\n <a\n class=\"rdsite-whatsapp\"\n [ngClass]=\"{ 'border-top': borderTop }\"\n [href]=\"link\"\n rdsitelink\n (mouseenter)=\"active = true\"\n (mouseleave)=\"active = false\"\n (click)=\"whatsappClicked($event)\"\n >\n @if (imgUrl) {\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\n }\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n <span>{{ text }}</span>\n </div>\n </a>\n}\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"] }]
|
|
18410
|
+
args: [{ selector: 'rdsite-whatsapp', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n @if (imgUrl) {\r\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\r\n }\r\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n <span>{{ text }}</span>\r\n </div>\r\n </a>\r\n}\r\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"] }]
|
|
18409
18411
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { link: [{
|
|
18410
18412
|
type: Input
|
|
18411
18413
|
}], imgUrl: [{
|
|
@@ -18439,11 +18441,11 @@ class SideCtasRightBottomComponent {
|
|
|
18439
18441
|
this.sideCtaRightBottomItemClick.emit(event);
|
|
18440
18442
|
}
|
|
18441
18443
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18442
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { sideCtaRightBottomItemClick: "sideCtaRightBottomItemClick" }, ngImport: i0, template: "@if (link && imgUrl) {\n <rdsite-whatsapp\n [link]=\"link\"\n [imgUrl]=\"imgUrl\"\n [text]=\"text\"\n [bgColor]=\"bgColor\"\n [bgHover]=\"bgHover\"\n [borderTop]=\"borderTop\"\n (whatsappClick)=\"whatsappClicked($event)\"\n ></rdsite-whatsapp>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WhatsappComponent, selector: "rdsite-whatsapp", inputs: ["link", "imgUrl", "text", "bgColor", "bgHover", "borderTop"], outputs: ["whatsappClick"] }] }); }
|
|
18444
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { sideCtaRightBottomItemClick: "sideCtaRightBottomItemClick" }, ngImport: i0, template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WhatsappComponent, selector: "rdsite-whatsapp", inputs: ["link", "imgUrl", "text", "bgColor", "bgHover", "borderTop"], outputs: ["whatsappClick"] }] }); }
|
|
18443
18445
|
}
|
|
18444
18446
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, decorators: [{
|
|
18445
18447
|
type: Component,
|
|
18446
|
-
args: [{ selector: 'rdsite-side-ctas-right-bottom', standalone: true, imports: [CommonModule, RdsiteLinkDirective, WhatsappComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && imgUrl) {\n <rdsite-whatsapp\n [link]=\"link\"\n [imgUrl]=\"imgUrl\"\n [text]=\"text\"\n [bgColor]=\"bgColor\"\n [bgHover]=\"bgHover\"\n [borderTop]=\"borderTop\"\n (whatsappClick)=\"whatsappClicked($event)\"\n ></rdsite-whatsapp>\n}\n" }]
|
|
18448
|
+
args: [{ selector: 'rdsite-side-ctas-right-bottom', standalone: true, imports: [CommonModule, RdsiteLinkDirective, WhatsappComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n" }]
|
|
18447
18449
|
}], propDecorators: { link: [{
|
|
18448
18450
|
type: Input
|
|
18449
18451
|
}], imgUrl: [{
|
|
@@ -18482,11 +18484,11 @@ class SideCtasRightMiddleComponent {
|
|
|
18482
18484
|
this.sideCtaRightMiddleItemClick.emit(event);
|
|
18483
18485
|
}
|
|
18484
18486
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18485
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: "ctas" }, outputs: { sideCtaRightMiddleItemClick: "sideCtaRightMiddleItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18487
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: "ctas" }, outputs: { sideCtaRightMiddleItemClick: "sideCtaRightMiddleItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\r\n @for (cta of ctas; track cta.text) {\r\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\r\n <div class=\"right-middle-cta-icon\">\r\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n <span>{{ cta.text }}</span>\r\n </a>\r\n }\r\n}\r\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18486
18488
|
}
|
|
18487
18489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
18488
18490
|
type: Component,
|
|
18489
|
-
args: [{ selector: 'rdsite-side-ctas-right-middle', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }]
|
|
18491
|
+
args: [{ selector: 'rdsite-side-ctas-right-middle', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\r\n @for (cta of ctas; track cta.text) {\r\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\r\n <div class=\"right-middle-cta-icon\">\r\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n <span>{{ cta.text }}</span>\r\n </a>\r\n }\r\n}\r\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }]
|
|
18490
18492
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
18491
18493
|
type: Input
|
|
18492
18494
|
}], sideCtaRightMiddleItemClick: [{
|
|
@@ -18498,11 +18500,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18498
18500
|
|
|
18499
18501
|
class SideCtasRightTopComponent {
|
|
18500
18502
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18501
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideCtasRightTopComponent, isStandalone: true, selector: "rdsite-side-ctas-right-top", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }); }
|
|
18503
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideCtasRightTopComponent, isStandalone: true, selector: "rdsite-side-ctas-right-top", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }); }
|
|
18502
18504
|
}
|
|
18503
18505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightTopComponent, decorators: [{
|
|
18504
18506
|
type: Component,
|
|
18505
|
-
args: [{ selector: 'rdsite-side-ctas-right-top', standalone: true, imports: [], template: "<ng-content></ng-content>\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }]
|
|
18507
|
+
args: [{ selector: 'rdsite-side-ctas-right-top', standalone: true, imports: [], template: "<ng-content></ng-content>\r\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }]
|
|
18506
18508
|
}] });
|
|
18507
18509
|
|
|
18508
18510
|
class AlgoliaComponent {
|
|
@@ -18608,11 +18610,11 @@ class AlgoliaComponent {
|
|
|
18608
18610
|
}
|
|
18609
18611
|
}
|
|
18610
18612
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlgoliaComponent, deps: [{ token: AlgoliaSearchApiService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18611
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AlgoliaComponent, isStandalone: true, selector: "rdsite-algolia", inputs: { algoliaConfig: "algoliaConfig", label: "label", name: "name", required: "required", selected: "selected", value: "value", placeholder: "placeholder", deleteButton: "deleteButton", iconName: "iconName", status: "status", startSearchAtCharLen: "startSearchAtCharLen", hintTitle: "hintTitle", hints: "hints", searchParams: "searchParams" }, outputs: { resetItem: "resetItem", algoliaResults: "algoliaResults", focusEmit: "focusEmit", blurEmit: "blurEmit" }, ngImport: i0, template: "<cura-dropdown-search\n [value]=\"value\"\n [status]=\"status\"\n [name]=\"name\"\n [required]=\"required\"\n [selected]=\"selected\"\n [label]=\"label\"\n [iconName]=\"iconName\"\n [placeholder]=\"placeholder\"\n (valueChange)=\"resetValues()\"\n (input)=\"termChange($event)\"\n (focus)=\"manageFocus()\"\n (blur)=\"manageBlur()\"\n>\n @if (status === 'error') {\n <cura-dropdown-search-option name=\"error\">\n <div class=\"head\">\n <cura-icon size=\"24\" name=\"alertCircle\" color=\"error-700\"></cura-icon>\n <cura-paragraph size=\"small\" color=\"error-700\" weight=\"bold\"> N\u00E3o h\u00E1 nenhum resultado para \"{{ searchTerm.toUpperCase() }}\".</cura-paragraph>\n </div>\n </cura-dropdown-search-option>\n }\n <ng-content></ng-content>\n</cura-dropdown-search>\n<ng-content select=\"app-planos-e-convenios-tooltip\"></ng-content>\n", styles: ["cura-dropdown-search-option[name=error]{pointer-events:none;cursor:default}cura-dropdown-search-option[name=error] .head{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;gap:8px;width:100%}cura-dropdown-search-option[name=error]::ng-deep cura-label{background-color:transparent!important}cura-dropdown-search-option[name=error]:hover{background-color:inherit;color:inherit;pointer-events:none}\n"] }); }
|
|
18613
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AlgoliaComponent, isStandalone: true, selector: "rdsite-algolia", inputs: { algoliaConfig: "algoliaConfig", label: "label", name: "name", required: "required", selected: "selected", value: "value", placeholder: "placeholder", deleteButton: "deleteButton", iconName: "iconName", status: "status", startSearchAtCharLen: "startSearchAtCharLen", hintTitle: "hintTitle", hints: "hints", searchParams: "searchParams" }, outputs: { resetItem: "resetItem", algoliaResults: "algoliaResults", focusEmit: "focusEmit", blurEmit: "blurEmit" }, ngImport: i0, template: "<cura-dropdown-search\r\n [value]=\"value\"\r\n [status]=\"status\"\r\n [name]=\"name\"\r\n [required]=\"required\"\r\n [selected]=\"selected\"\r\n [label]=\"label\"\r\n [iconName]=\"iconName\"\r\n [placeholder]=\"placeholder\"\r\n (valueChange)=\"resetValues()\"\r\n (input)=\"termChange($event)\"\r\n (focus)=\"manageFocus()\"\r\n (blur)=\"manageBlur()\"\r\n>\r\n @if (status === 'error') {\r\n <cura-dropdown-search-option name=\"error\">\r\n <div class=\"head\">\r\n <cura-icon size=\"24\" name=\"alertCircle\" color=\"error-700\"></cura-icon>\r\n <cura-paragraph size=\"small\" color=\"error-700\" weight=\"bold\"> N\u00E3o h\u00E1 nenhum resultado para \"{{ searchTerm.toUpperCase() }}\".</cura-paragraph>\r\n </div>\r\n </cura-dropdown-search-option>\r\n }\r\n <ng-content></ng-content>\r\n</cura-dropdown-search>\r\n<ng-content select=\"app-planos-e-convenios-tooltip\"></ng-content>\r\n", styles: ["cura-dropdown-search-option[name=error]{pointer-events:none;cursor:default}cura-dropdown-search-option[name=error] .head{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;gap:8px;width:100%}cura-dropdown-search-option[name=error]::ng-deep cura-label{background-color:transparent!important}cura-dropdown-search-option[name=error]:hover{background-color:inherit;color:inherit;pointer-events:none}\n"] }); }
|
|
18612
18614
|
}
|
|
18613
18615
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlgoliaComponent, decorators: [{
|
|
18614
18616
|
type: Component,
|
|
18615
|
-
args: [{ selector: 'rdsite-algolia', standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<cura-dropdown-search\n [value]=\"value\"\n [status]=\"status\"\n [name]=\"name\"\n [required]=\"required\"\n [selected]=\"selected\"\n [label]=\"label\"\n [iconName]=\"iconName\"\n [placeholder]=\"placeholder\"\n (valueChange)=\"resetValues()\"\n (input)=\"termChange($event)\"\n (focus)=\"manageFocus()\"\n (blur)=\"manageBlur()\"\n>\n @if (status === 'error') {\n <cura-dropdown-search-option name=\"error\">\n <div class=\"head\">\n <cura-icon size=\"24\" name=\"alertCircle\" color=\"error-700\"></cura-icon>\n <cura-paragraph size=\"small\" color=\"error-700\" weight=\"bold\"> N\u00E3o h\u00E1 nenhum resultado para \"{{ searchTerm.toUpperCase() }}\".</cura-paragraph>\n </div>\n </cura-dropdown-search-option>\n }\n <ng-content></ng-content>\n</cura-dropdown-search>\n<ng-content select=\"app-planos-e-convenios-tooltip\"></ng-content>\n", styles: ["cura-dropdown-search-option[name=error]{pointer-events:none;cursor:default}cura-dropdown-search-option[name=error] .head{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;gap:8px;width:100%}cura-dropdown-search-option[name=error]::ng-deep cura-label{background-color:transparent!important}cura-dropdown-search-option[name=error]:hover{background-color:inherit;color:inherit;pointer-events:none}\n"] }]
|
|
18617
|
+
args: [{ selector: 'rdsite-algolia', standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<cura-dropdown-search\r\n [value]=\"value\"\r\n [status]=\"status\"\r\n [name]=\"name\"\r\n [required]=\"required\"\r\n [selected]=\"selected\"\r\n [label]=\"label\"\r\n [iconName]=\"iconName\"\r\n [placeholder]=\"placeholder\"\r\n (valueChange)=\"resetValues()\"\r\n (input)=\"termChange($event)\"\r\n (focus)=\"manageFocus()\"\r\n (blur)=\"manageBlur()\"\r\n>\r\n @if (status === 'error') {\r\n <cura-dropdown-search-option name=\"error\">\r\n <div class=\"head\">\r\n <cura-icon size=\"24\" name=\"alertCircle\" color=\"error-700\"></cura-icon>\r\n <cura-paragraph size=\"small\" color=\"error-700\" weight=\"bold\"> N\u00E3o h\u00E1 nenhum resultado para \"{{ searchTerm.toUpperCase() }}\".</cura-paragraph>\r\n </div>\r\n </cura-dropdown-search-option>\r\n }\r\n <ng-content></ng-content>\r\n</cura-dropdown-search>\r\n<ng-content select=\"app-planos-e-convenios-tooltip\"></ng-content>\r\n", styles: ["cura-dropdown-search-option[name=error]{pointer-events:none;cursor:default}cura-dropdown-search-option[name=error] .head{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-start;gap:8px;width:100%}cura-dropdown-search-option[name=error]::ng-deep cura-label{background-color:transparent!important}cura-dropdown-search-option[name=error]:hover{background-color:inherit;color:inherit;pointer-events:none}\n"] }]
|
|
18616
18618
|
}], ctorParameters: () => [{ type: AlgoliaSearchApiService }, { type: undefined, decorators: [{
|
|
18617
18619
|
type: Inject,
|
|
18618
18620
|
args: [PLATFORM_ID]
|
|
@@ -18679,9 +18681,9 @@ class CtaWrapperComponent {
|
|
|
18679
18681
|
this.colors = {};
|
|
18680
18682
|
this.seeMoreControl = false;
|
|
18681
18683
|
this.styleBinding = {
|
|
18682
|
-
'--more-options-color': this.curaService.getColor(this.colors
|
|
18683
|
-
'--border-color': this.curaService.getColor(this.colors
|
|
18684
|
-
'--label-color': this.curaService.getColor(this.colors
|
|
18684
|
+
'--more-options-color': this.curaService.getColor(this.colors?.icon),
|
|
18685
|
+
'--border-color': this.curaService.getColor(this.colors?.border),
|
|
18686
|
+
'--label-color': this.curaService.getColor(this.colors?.icon),
|
|
18685
18687
|
'--title-color': this.curaService.getColor(this.colors?.title),
|
|
18686
18688
|
'--text-color': this.curaService.getColor(this.colors?.text),
|
|
18687
18689
|
};
|
|
@@ -18704,11 +18706,11 @@ class CtaWrapperComponent {
|
|
|
18704
18706
|
this.seeMoreControl = !this.seeMoreControl;
|
|
18705
18707
|
}
|
|
18706
18708
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, deps: [{ token: CuraService }, { token: NguCarouselService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18707
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { title: "title", text: "text", ctas: "ctas", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding", "class.wp-content-wrapper": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (title) {\n <h3 class=\"ctas-title\">{{ title }}</h3>\n}\n\n@if (text) {\n <p class=\"ctas-text\" [innerHTML]=\"text\"></p>\n}\n\n@if (!seeMoreControl) {\n <div class=\"ctas-wrapper\">\n @if (!bannerControl) {\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"ctas\">\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n </ngu-item>\n </ngu-carousel>\n @if (ctas.length > 3) {\n <div class=\"show-more\">\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n </div>\n }\n } @else {\n @for (cta of ctas; track cta) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </div>\n}\n@if (seeMoreControl) {\n <div class=\"more-options\">\n @for (cta of ctas; track cta) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n </div>\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--title-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 769px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:rgb(var(--text-color));font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 769px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px}@media only screen and (min-width: 769px){:host .ctas-wrapper{margin-top:80px}}:host .ctas-wrapper ngu-carousel{max-width:100vw}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{color:var(--more-options-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px}:host .more-options .cta{height:auto}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{color:var(--label-color);font-size:12px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18709
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { title: "title", text: "text", ctas: "ctas", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding", "class.wp-content-wrapper": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (title) {\r\n <h3 class=\"ctas-title\">{{ title }}</h3>\r\n}\r\n\r\n@if (text) {\r\n <p class=\"ctas-text\" [innerHTML]=\"text\"></p>\r\n}\r\n\r\n@if (!seeMoreControl) {\r\n <div class=\"ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"ctas\">\r\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n @if (ctas.length > 3) {\r\n <div class=\"show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n }\r\n } @else {\r\n @for (cta of ctas; track cta) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n@if (seeMoreControl) {\r\n <div class=\"more-options\">\r\n @for (cta of ctas; track cta) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n </div>\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--title-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 769px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:rgb(var(--text-color));font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 769px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px}@media only screen and (min-width: 769px){:host .ctas-wrapper{margin-top:80px}}:host .ctas-wrapper ngu-carousel{max-width:100vw}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{color:var(--more-options-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px}:host .more-options .cta{height:auto}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{color:var(--label-color);font-size:12px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18708
18710
|
}
|
|
18709
18711
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
|
|
18710
18712
|
type: Component,
|
|
18711
|
-
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\n <h3 class=\"ctas-title\">{{ title }}</h3>\n}\n\n@if (text) {\n <p class=\"ctas-text\" [innerHTML]=\"text\"></p>\n}\n\n@if (!seeMoreControl) {\n <div class=\"ctas-wrapper\">\n @if (!bannerControl) {\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"ctas\">\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n </ngu-item>\n </ngu-carousel>\n @if (ctas.length > 3) {\n <div class=\"show-more\">\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n </div>\n }\n } @else {\n @for (cta of ctas; track cta) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </div>\n}\n@if (seeMoreControl) {\n <div class=\"more-options\">\n @for (cta of ctas; track cta) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n </div>\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--title-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 769px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:rgb(var(--text-color));font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 769px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px}@media only screen and (min-width: 769px){:host .ctas-wrapper{margin-top:80px}}:host .ctas-wrapper ngu-carousel{max-width:100vw}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{color:var(--more-options-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px}:host .more-options .cta{height:auto}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{color:var(--label-color);font-size:12px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
18713
|
+
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\r\n <h3 class=\"ctas-title\">{{ title }}</h3>\r\n}\r\n\r\n@if (text) {\r\n <p class=\"ctas-text\" [innerHTML]=\"text\"></p>\r\n}\r\n\r\n@if (!seeMoreControl) {\r\n <div class=\"ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"ctas\">\r\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n @if (ctas.length > 3) {\r\n <div class=\"show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n }\r\n } @else {\r\n @for (cta of ctas; track cta) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n@if (seeMoreControl) {\r\n <div class=\"more-options\">\r\n @for (cta of ctas; track cta) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n </div>\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--title-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 769px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:rgb(var(--text-color));font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 769px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px}@media only screen and (min-width: 769px){:host .ctas-wrapper{margin-top:80px}}:host .ctas-wrapper ngu-carousel{max-width:100vw}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{color:var(--more-options-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px}:host .more-options .cta{height:auto}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{color:var(--label-color);font-size:12px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
18712
18714
|
}], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }, { type: undefined, decorators: [{
|
|
18713
18715
|
type: Inject,
|
|
18714
18716
|
args: [PLATFORM_ID]
|
|
@@ -18766,9 +18768,11 @@ class BreadcrumbsComponent {
|
|
|
18766
18768
|
}
|
|
18767
18769
|
}
|
|
18768
18770
|
getColors(color) {
|
|
18769
|
-
|
|
18770
|
-
|
|
18771
|
-
|
|
18771
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
18772
|
+
this.breadCrumbsElement.nativeElement.style.setProperty('--label-icon-color', this.curaService.getColor(color));
|
|
18773
|
+
this.breadCrumbsElement.nativeElement.style.setProperty('--divider-color', this.curaService.getColor('neutral-light'));
|
|
18774
|
+
this.breadCrumbsElement.nativeElement.style.setProperty('--disabled-color', this.curaService.getColor('neutral-dark'));
|
|
18775
|
+
}
|
|
18772
18776
|
}
|
|
18773
18777
|
getUrl(urls = []) {
|
|
18774
18778
|
return urls.join('');
|
|
@@ -18816,11 +18820,11 @@ class BreadcrumbsComponent {
|
|
|
18816
18820
|
});
|
|
18817
18821
|
}
|
|
18818
18822
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: CuraService }, { token: LIB_CONFIG }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18819
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { labelIconColor: "labelIconColor", breadcrumbs: "breadcrumbs" }, host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "breadCrumbsElement", first: true, predicate: ["breadCrumbsElement"], descendants: true }], ngImport: i0, template: "@if (breadcrumbs.length) {\n <nav class=\"breadcrumb\" #breadCrumbsElement>\n <ol>\n @if (isDesktop || breadcrumbs.length < 3) {\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\n }\n </ol>\n </nav>\n}\n\n<ng-template #Desktop>\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\n <li>\n @if (!last) {\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\n @if (first) {\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\n }\n <span>\n {{ breadcrumb.label }}\n </span>\n </a>\n <span class=\"divider\">/</span>\n } @else {\n <span [class.last-item]=\"last && !first\">\n {{ breadcrumb.label }}\n </span>\n }\n </li>\n }\n</ng-template>\n\n<ng-template #Mobile>\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\n <li>\n @if (first) {\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\n <span>\n {{ breadcrumb.label }}\n </span>\n </a>\n <span class=\"divider\">/</span>\n } @else if (index === breadcrumbs.length - 2) {\n <span class=\"back\"><</span>\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\n <span>\n {{ breadcrumb.label }}\n </span>\n </a>\n }\n </li>\n }\n</ng-template>\n", styles: [".breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18823
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { labelIconColor: "labelIconColor", breadcrumbs: "breadcrumbs" }, host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "breadCrumbsElement", first: true, predicate: ["breadCrumbsElement"], descendants: true }], ngImport: i0, template: "@if (breadcrumbs.length) {\r\n <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n <ol>\r\n @if (isDesktop || breadcrumbs.length < 3) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n }\r\n </ol>\r\n </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (!last) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n @if (first) {\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n }\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else {\r\n <span [class.last-item]=\"last && !first\">\r\n {{ breadcrumb.label }}\r\n </span>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (first) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else if (index === breadcrumbs.length - 2) {\r\n <span class=\"back\"><</span>\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n", styles: [".breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18820
18824
|
}
|
|
18821
18825
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
18822
18826
|
type: Component,
|
|
18823
|
-
args: [{ selector: 'rdsite-breadcrumbs', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (breadcrumbs.length) {\n <nav class=\"breadcrumb\" #breadCrumbsElement>\n <ol>\n @if (isDesktop || breadcrumbs.length < 3) {\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\n }\n </ol>\n </nav>\n}\n\n<ng-template #Desktop>\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\n <li>\n @if (!last) {\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\n @if (first) {\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\n }\n <span>\n {{ breadcrumb.label }}\n </span>\n </a>\n <span class=\"divider\">/</span>\n } @else {\n <span [class.last-item]=\"last && !first\">\n {{ breadcrumb.label }}\n </span>\n }\n </li>\n }\n</ng-template>\n\n<ng-template #Mobile>\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\n <li>\n @if (first) {\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\n <span>\n {{ breadcrumb.label }}\n </span>\n </a>\n <span class=\"divider\">/</span>\n } @else if (index === breadcrumbs.length - 2) {\n <span class=\"back\"><</span>\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\n <span>\n {{ breadcrumb.label }}\n </span>\n </a>\n }\n </li>\n }\n</ng-template>\n", styles: [".breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"] }]
|
|
18827
|
+
args: [{ selector: 'rdsite-breadcrumbs', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (breadcrumbs.length) {\r\n <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n <ol>\r\n @if (isDesktop || breadcrumbs.length < 3) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n }\r\n </ol>\r\n </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (!last) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n @if (first) {\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n }\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else {\r\n <span [class.last-item]=\"last && !first\">\r\n {{ breadcrumb.label }}\r\n </span>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (first) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else if (index === breadcrumbs.length - 2) {\r\n <span class=\"back\"><</span>\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n", styles: [".breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"] }]
|
|
18824
18828
|
}], ctorParameters: () => [{ type: CuraService }, { type: undefined, decorators: [{
|
|
18825
18829
|
type: Inject,
|
|
18826
18830
|
args: [LIB_CONFIG]
|
|
@@ -18884,6 +18888,13 @@ var EnumDoencaTaxonomyCat;
|
|
|
18884
18888
|
EnumDoencaTaxonomyCat["SINTOMA"] = "sintomas";
|
|
18885
18889
|
})(EnumDoencaTaxonomyCat || (EnumDoencaTaxonomyCat = {}));
|
|
18886
18890
|
|
|
18891
|
+
var ImageMimeType;
|
|
18892
|
+
(function (ImageMimeType) {
|
|
18893
|
+
ImageMimeType["WEBP"] = "image/webp";
|
|
18894
|
+
ImageMimeType["JPEG"] = "image/jpeg";
|
|
18895
|
+
ImageMimeType["PNG"] = "image/png";
|
|
18896
|
+
})(ImageMimeType || (ImageMimeType = {}));
|
|
18897
|
+
|
|
18887
18898
|
var RdsiteModalDrawerComponentStyle;
|
|
18888
18899
|
(function (RdsiteModalDrawerComponentStyle) {
|
|
18889
18900
|
RdsiteModalDrawerComponentStyle["DEFAULT"] = "default";
|
|
@@ -18905,6 +18916,13 @@ var Errors;
|
|
|
18905
18916
|
Errors["SERVER_RESPONSE"] = "server-response";
|
|
18906
18917
|
})(Errors || (Errors = {}));
|
|
18907
18918
|
|
|
18919
|
+
var UnidadeCoverageType;
|
|
18920
|
+
(function (UnidadeCoverageType) {
|
|
18921
|
+
UnidadeCoverageType["TOTAL"] = "Cobertura completa";
|
|
18922
|
+
UnidadeCoverageType["PARTIAL"] = "Cobertura apenas para";
|
|
18923
|
+
UnidadeCoverageType["NONE"] = "Esta unidade n\u00E3o oferece cobertura ao seu plano ou conv\u00EAnio";
|
|
18924
|
+
})(UnidadeCoverageType || (UnidadeCoverageType = {}));
|
|
18925
|
+
|
|
18908
18926
|
class ErrorService {
|
|
18909
18927
|
constructor() {
|
|
18910
18928
|
this.ctas = new BehaviorSubject([]);
|
|
@@ -18920,6 +18938,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18920
18938
|
}] });
|
|
18921
18939
|
|
|
18922
18940
|
class ErrorComponent {
|
|
18941
|
+
get style() {
|
|
18942
|
+
switch (this.theme) {
|
|
18943
|
+
case Themes.REDE:
|
|
18944
|
+
return {
|
|
18945
|
+
'--backgroundColor': this.curaService.getColor('neutral-white'),
|
|
18946
|
+
'--labelColor': this.curaService.getColor('primary-lighter'),
|
|
18947
|
+
};
|
|
18948
|
+
case Themes.ONCO:
|
|
18949
|
+
return {
|
|
18950
|
+
'--backgroundColor': this.curaService.getColor('neutral-light'),
|
|
18951
|
+
'--labelColor': this.curaService.getColor('auxiliar-lighter'),
|
|
18952
|
+
};
|
|
18953
|
+
case Themes.MATERNIDADE:
|
|
18954
|
+
return {
|
|
18955
|
+
'--backgroundColor': this.curaService.getColor('accent-lighter'),
|
|
18956
|
+
'--labelColor': this.curaService.getColor('primary-light'),
|
|
18957
|
+
};
|
|
18958
|
+
case Themes.RICHET:
|
|
18959
|
+
return {
|
|
18960
|
+
'--backgroundColor': this.curaService.getColor('neutral-white'),
|
|
18961
|
+
'--labelColor': this.curaService.getColor('primary-lighter'),
|
|
18962
|
+
};
|
|
18963
|
+
default:
|
|
18964
|
+
return {
|
|
18965
|
+
'--backgroundColor': this.curaService.getColor('neutral-white'),
|
|
18966
|
+
'--labelColor': this.curaService.getColor('primary-lighter'),
|
|
18967
|
+
};
|
|
18968
|
+
}
|
|
18969
|
+
}
|
|
18923
18970
|
constructor(errorService, curaService, logService, seoService, serverResponse, platformId) {
|
|
18924
18971
|
this.errorService = errorService;
|
|
18925
18972
|
this.curaService = curaService;
|
|
@@ -18928,9 +18975,19 @@ class ErrorComponent {
|
|
|
18928
18975
|
this.serverResponse = serverResponse;
|
|
18929
18976
|
this.platformId = platformId;
|
|
18930
18977
|
this.theme = Themes.REDE;
|
|
18978
|
+
this.returnRoute = '';
|
|
18979
|
+
this.returnLabel = '';
|
|
18931
18980
|
this.pageTitle = 'Default component';
|
|
18932
18981
|
this.component = 'DefaultComponent';
|
|
18982
|
+
this.breadcrumbsItems = [];
|
|
18933
18983
|
this.responseText = '';
|
|
18984
|
+
this.backgroundColor = '';
|
|
18985
|
+
this.labelColor = '';
|
|
18986
|
+
this.labelTextColor = '';
|
|
18987
|
+
this.curaButtonColor = '';
|
|
18988
|
+
this.curaButtonOutlineColor = '';
|
|
18989
|
+
this.ctasBorderColor = '';
|
|
18990
|
+
this.ctasIconColor = '';
|
|
18934
18991
|
this.error = Errors;
|
|
18935
18992
|
}
|
|
18936
18993
|
ngOnInit() {
|
|
@@ -18953,15 +19010,11 @@ class ErrorComponent {
|
|
|
18953
19010
|
this.ctasSubscription = this.errorService.ctas.subscribe((ctas) => {
|
|
18954
19011
|
this.ctas = ctas;
|
|
18955
19012
|
});
|
|
18956
|
-
}
|
|
18957
|
-
ngAfterViewInit() {
|
|
18958
19013
|
this.setTheme(this.theme);
|
|
18959
19014
|
}
|
|
18960
19015
|
setTheme(theme) {
|
|
18961
19016
|
switch (theme) {
|
|
18962
19017
|
case Themes.REDE:
|
|
18963
|
-
this.backgroundColor = this.curaService.getColor('neutral-white') ?? '';
|
|
18964
|
-
this.labelColor = this.curaService.getColor('primary-lighter') ?? '';
|
|
18965
19018
|
this.labelTextColor = 'primary-dark';
|
|
18966
19019
|
this.curaButtonColor = 'primary';
|
|
18967
19020
|
this.curaButtonOutlineColor = 'primary';
|
|
@@ -18969,8 +19022,6 @@ class ErrorComponent {
|
|
|
18969
19022
|
this.ctasIconColor = 'primary-darker';
|
|
18970
19023
|
break;
|
|
18971
19024
|
case Themes.ONCO:
|
|
18972
|
-
this.backgroundColor = this.curaService.getColor('neutral-light') ?? '';
|
|
18973
|
-
this.labelColor = this.curaService.getColor('auxiliar-lighter') ?? '';
|
|
18974
19025
|
this.labelTextColor = 'primary-lighter';
|
|
18975
19026
|
this.curaButtonColor = 'accent';
|
|
18976
19027
|
this.curaButtonOutlineColor = 'accent';
|
|
@@ -18978,8 +19029,6 @@ class ErrorComponent {
|
|
|
18978
19029
|
this.ctasIconColor = 'primary-base';
|
|
18979
19030
|
break;
|
|
18980
19031
|
case Themes.MATERNIDADE:
|
|
18981
|
-
this.backgroundColor = this.curaService.getColor('accent-lighter') ?? '';
|
|
18982
|
-
this.labelColor = this.curaService.getColor('primary-light') ?? '';
|
|
18983
19032
|
this.labelTextColor = 'accent-base';
|
|
18984
19033
|
this.curaButtonColor = 'accent';
|
|
18985
19034
|
this.curaButtonOutlineColor = 'accent';
|
|
@@ -18987,8 +19036,6 @@ class ErrorComponent {
|
|
|
18987
19036
|
this.ctasIconColor = 'accent-base';
|
|
18988
19037
|
break;
|
|
18989
19038
|
case Themes.RICHET:
|
|
18990
|
-
this.backgroundColor = this.curaService.getColor('neutral-white') ?? '';
|
|
18991
|
-
this.labelColor = this.curaService.getColor('primary-lighter') ?? '';
|
|
18992
19039
|
this.labelTextColor = 'primary-dark';
|
|
18993
19040
|
this.curaButtonColor = 'primary';
|
|
18994
19041
|
this.curaButtonOutlineColor = 'primary';
|
|
@@ -18996,8 +19043,6 @@ class ErrorComponent {
|
|
|
18996
19043
|
this.ctasIconColor = 'primary-darker';
|
|
18997
19044
|
break;
|
|
18998
19045
|
}
|
|
18999
|
-
this.errorElement.nativeElement.style.setProperty('--backgroundColor', this.backgroundColor);
|
|
19000
|
-
this.errorElement.nativeElement.style.setProperty('--labelColor', this.labelColor);
|
|
19001
19046
|
}
|
|
19002
19047
|
reloadPage() {
|
|
19003
19048
|
if (window !== undefined) {
|
|
@@ -19008,11 +19053,11 @@ class ErrorComponent {
|
|
|
19008
19053
|
this.ctasSubscription?.unsubscribe();
|
|
19009
19054
|
}
|
|
19010
19055
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, deps: [{ token: ErrorService }, { token: CuraService }, { token: LogService }, { token: SeoService }, { token: ServerResponseService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19011
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" },
|
|
19056
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"rdsite-error-container\">\r\n @if (labelTextColor) {\r\n <cura-label [attr.color]=\"labelTextColor\">\r\n {{ type === 'server-response' ? '500' : '404' }}\r\n </cura-label>\r\n }\r\n\r\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n @if (responseText) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n {{ responseText }}\r\n </cura-paragraph>\r\n }\r\n\r\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n <cura-button\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonColor\"\r\n font-color=\"light\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button>\r\n }\r\n\r\n @if (type === error.SERVER_RESPONSE) {\r\n @if (curaButtonColor) {\r\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" target=\"_self\">\r\n Atualizar p\u00E1gina novamente\r\n </cura-button>\r\n }\r\n\r\n @if (returnLabel && returnRoute) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n @if (curaButtonOutlineColor) {\r\n <cura-button-outline\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonOutlineColor\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button-outline>\r\n }\r\n }\r\n }\r\n\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n @if (ctas.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <rdsite-cta-wrapper [ctas]=\"ctas\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:48px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["title", "text", "ctas", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
|
|
19012
19057
|
}
|
|
19013
19058
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
19014
19059
|
type: Component,
|
|
19015
|
-
args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\"
|
|
19060
|
+
args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"rdsite-error-container\">\r\n @if (labelTextColor) {\r\n <cura-label [attr.color]=\"labelTextColor\">\r\n {{ type === 'server-response' ? '500' : '404' }}\r\n </cura-label>\r\n }\r\n\r\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n @if (responseText) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n {{ responseText }}\r\n </cura-paragraph>\r\n }\r\n\r\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n <cura-button\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonColor\"\r\n font-color=\"light\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button>\r\n }\r\n\r\n @if (type === error.SERVER_RESPONSE) {\r\n @if (curaButtonColor) {\r\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" target=\"_self\">\r\n Atualizar p\u00E1gina novamente\r\n </cura-button>\r\n }\r\n\r\n @if (returnLabel && returnRoute) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n @if (curaButtonOutlineColor) {\r\n <cura-button-outline\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonOutlineColor\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button-outline>\r\n }\r\n }\r\n }\r\n\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n @if (ctas.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <rdsite-cta-wrapper [ctas]=\"ctas\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:48px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"] }]
|
|
19016
19061
|
}], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
|
|
19017
19062
|
type: Inject,
|
|
19018
19063
|
args: [PLATFORM_ID]
|
|
@@ -19030,30 +19075,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19030
19075
|
type: Input
|
|
19031
19076
|
}], breadcrumbsItems: [{
|
|
19032
19077
|
type: Input
|
|
19033
|
-
}],
|
|
19034
|
-
type:
|
|
19035
|
-
args: ['
|
|
19078
|
+
}], style: [{
|
|
19079
|
+
type: HostBinding,
|
|
19080
|
+
args: ['style']
|
|
19036
19081
|
}] } });
|
|
19037
19082
|
|
|
19038
19083
|
class PageHeaderComponent {
|
|
19084
|
+
get style() {
|
|
19085
|
+
return {
|
|
19086
|
+
'--bg-color': this.curaService.getColor(this.bgColor),
|
|
19087
|
+
};
|
|
19088
|
+
}
|
|
19039
19089
|
constructor(curaService) {
|
|
19040
19090
|
this.curaService = curaService;
|
|
19041
19091
|
this.pageTitle = '';
|
|
19042
19092
|
this.pageHeaderText = '';
|
|
19043
19093
|
this.hasPadding = false;
|
|
19044
19094
|
this.breadcrumbs = [];
|
|
19045
|
-
this.
|
|
19046
|
-
'--spacing': this.curaService.getSpacing(),
|
|
19047
|
-
'--color': this.curaService.getColor('neutral-purewhite'),
|
|
19048
|
-
'--bg-color': this.curaService.getColor('primary-base'),
|
|
19049
|
-
};
|
|
19095
|
+
this.bgColor = 'primary-base';
|
|
19050
19096
|
}
|
|
19051
19097
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19052
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\n <div class=\"page-header-content container\">\n @if (breadcrumbs.length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\n }\n @if (pageTitle) {\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</header>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;
|
|
19098
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content container\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</header>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
|
|
19053
19099
|
}
|
|
19054
19100
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
19055
19101
|
type: Component,
|
|
19056
|
-
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\n <div class=\"page-header-content container\">\n @if (breadcrumbs.length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\n }\n @if (pageTitle) {\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</header>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;
|
|
19102
|
+
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content container\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</header>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"] }]
|
|
19057
19103
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { pageTitle: [{
|
|
19058
19104
|
type: Input
|
|
19059
19105
|
}], pageHeaderText: [{
|
|
@@ -19062,6 +19108,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19062
19108
|
type: Input
|
|
19063
19109
|
}], breadcrumbs: [{
|
|
19064
19110
|
type: Input
|
|
19111
|
+
}], bgColor: [{
|
|
19112
|
+
type: Input
|
|
19065
19113
|
}], style: [{
|
|
19066
19114
|
type: HostBinding,
|
|
19067
19115
|
args: ['style']
|
|
@@ -19076,11 +19124,11 @@ class PageTemplateSidebarComponent {
|
|
|
19076
19124
|
this.sidebarContent = null;
|
|
19077
19125
|
}
|
|
19078
19126
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19079
|
-
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\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\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;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width:
|
|
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", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<div class=\"rdsite-template-header\">\r\n @if (header) {\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n }\r\n</div>\r\n\r\n<div class=\"rdsite-template-before-content\">\r\n @if (beforeContent) {\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n }\r\n</div>\r\n\r\n<div class=\"rdsite-template-container\">\r\n @if (content) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\r\n </aside>\r\n }\r\n</div>\r\n\r\n<div class=\"rdsite-template-after-content\">\r\n @if (afterContent) {\r\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\r\n }\r\n</div>\r\n", styles: [":host{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"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-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}: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"] }] }); }
|
|
19080
19128
|
}
|
|
19081
19129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
19082
19130
|
type: Component,
|
|
19083
|
-
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<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;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width:
|
|
19131
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-template-header\">\r\n @if (header) {\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n }\r\n</div>\r\n\r\n<div class=\"rdsite-template-before-content\">\r\n @if (beforeContent) {\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n }\r\n</div>\r\n\r\n<div class=\"rdsite-template-container\">\r\n @if (content) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\r\n </aside>\r\n }\r\n</div>\r\n\r\n<div class=\"rdsite-template-after-content\">\r\n @if (afterContent) {\r\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\r\n }\r\n</div>\r\n", styles: [":host{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"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-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}: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"] }]
|
|
19084
19132
|
}], propDecorators: { header: [{
|
|
19085
19133
|
type: Input
|
|
19086
19134
|
}], beforeContent: [{
|
|
@@ -19096,21 +19144,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19096
19144
|
class FilterLetterAndTermsComponent {
|
|
19097
19145
|
constructor() {
|
|
19098
19146
|
this.options = [];
|
|
19099
|
-
this.
|
|
19147
|
+
this.baseUrl = '';
|
|
19148
|
+
this.selectedOption = '';
|
|
19100
19149
|
this.optionSelected = new EventEmitter();
|
|
19101
19150
|
}
|
|
19102
|
-
selectOption(option) {
|
|
19151
|
+
selectOption(option, event) {
|
|
19152
|
+
event.preventDefault();
|
|
19103
19153
|
this.selectedOption = option;
|
|
19104
19154
|
this.optionSelected.emit(option);
|
|
19105
19155
|
}
|
|
19106
19156
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19107
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: "options", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === '
|
|
19157
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: "options", baseUrl: "baseUrl", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\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 text-align=\"center\"\r\n justify=\"true\"\r\n class=\"filter-btn\"\r\n [class.active]=\"selectedOption === ''\"\r\n [attr.href]=\"baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </cura-button>\r\n\r\n @for (option of options; track option) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral-dark\"\r\n background=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n justify=\"true\"\r\n class=\"filter-btn\"\r\n [class.active]=\"selectedOption === option\"\r\n [attr.href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </cura-button>\r\n }\r\n</div>\r\n", styles: [".filter-letter-and-terms{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 0;gap:12px;flex-wrap:wrap;overflow-x:auto}@media only screen and (max-width: 992px){.filter-letter-and-terms{width:100vw;flex-wrap:nowrap;overflow-x:auto;row-gap:12px}}\n"] }); }
|
|
19108
19158
|
}
|
|
19109
19159
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
19110
19160
|
type: Component,
|
|
19111
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === '
|
|
19161
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\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 text-align=\"center\"\r\n justify=\"true\"\r\n class=\"filter-btn\"\r\n [class.active]=\"selectedOption === ''\"\r\n [attr.href]=\"baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </cura-button>\r\n\r\n @for (option of options; track option) {\r\n <cura-button\r\n size=\"small\"\r\n type=\"button\"\r\n color=\"neutral-dark\"\r\n background=\"dark\"\r\n target=\"_self\"\r\n text-align=\"center\"\r\n justify=\"true\"\r\n class=\"filter-btn\"\r\n [class.active]=\"selectedOption === option\"\r\n [attr.href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </cura-button>\r\n }\r\n</div>\r\n", styles: [".filter-letter-and-terms{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:12px 0;gap:12px;flex-wrap:wrap;overflow-x:auto}@media only screen and (max-width: 992px){.filter-letter-and-terms{width:100vw;flex-wrap:nowrap;overflow-x:auto;row-gap:12px}}\n"] }]
|
|
19112
19162
|
}], propDecorators: { options: [{
|
|
19113
19163
|
type: Input
|
|
19164
|
+
}], baseUrl: [{
|
|
19165
|
+
type: Input
|
|
19114
19166
|
}], selectedOption: [{
|
|
19115
19167
|
type: Input
|
|
19116
19168
|
}], optionSelected: [{
|
|
@@ -19199,11 +19251,11 @@ class SectionNavigationComponent {
|
|
|
19199
19251
|
}
|
|
19200
19252
|
}
|
|
19201
19253
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19202
|
-
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]=\"config()?.containerClass || 'nav-container'\" [attr.aria-label]=\"ariaLabel\">\n <div class=\"nav-inner\">\n <ul class=\"nav-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n </div>\n</nav>\n", styles: [":host{display:block}.nav-container{width:100%;position:sticky;top:0;left:0;z-index:50;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:26px}.nav-inner{max-width:1152px;margin-left:auto;margin-right:auto}.nav-menu{display:flex;list-style:none;padding:0;margin:0}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19254
|
+
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]=\"config()?.containerClass || 'nav-container'\" [attr.aria-label]=\"ariaLabel\">\r\n <div class=\"nav-inner\">\r\n <ul class=\"nav-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 </div>\r\n</nav>\r\n", styles: [":host{display:block}.nav-container{width:100%;position:sticky;top:0;left:0;z-index:50;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:26px}.nav-inner{max-width:1152px;margin-left:auto;margin-right:auto}.nav-menu{display:flex;list-style:none;padding:0;margin:0}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19203
19255
|
}
|
|
19204
19256
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
19205
19257
|
type: Component,
|
|
19206
|
-
args: [{ selector: 'rdsite-section-navigation', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav [class]=\"config()?.containerClass || 'nav-container'\" [attr.aria-label]=\"ariaLabel\">\n <div class=\"nav-inner\">\n <ul class=\"nav-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n <li role=\"none\">\n @if (activeSection() === section.id) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"primary\"\n font-color=\"light\"\n target=\"_self\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"'page'\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button>\n } @else {\n <cura-button-transparent\n size=\"small\"\n type=\"button\"\n color=\"neutral\"\n font-color=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n role=\"menuitem\"\n [id]=\"'nav-' + section.id\"\n [attr.aria-current]=\"null\"\n (click)=\"onSectionClick(section)\"\n [attr.aria-label]=\"'Navigate to ' + section.title\"\n >\n {{ section.title }}\n </cura-button-transparent>\n }\n </li>\n }\n </ul>\n </div>\n</nav>\n", styles: [":host{display:block}.nav-container{width:100%;position:sticky;top:0;left:0;z-index:50;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:26px}.nav-inner{max-width:1152px;margin-left:auto;margin-right:auto}.nav-menu{display:flex;list-style:none;padding:0;margin:0}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"] }]
|
|
19258
|
+
args: [{ selector: 'rdsite-section-navigation', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav [class]=\"config()?.containerClass || 'nav-container'\" [attr.aria-label]=\"ariaLabel\">\r\n <div class=\"nav-inner\">\r\n <ul class=\"nav-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 </div>\r\n</nav>\r\n", styles: [":host{display:block}.nav-container{width:100%;position:sticky;top:0;left:0;z-index:50;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:26px}.nav-inner{max-width:1152px;margin-left:auto;margin-right:auto}.nav-menu{display:flex;list-style:none;padding:0;margin:0}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"] }]
|
|
19207
19259
|
}], ctorParameters: () => [], propDecorators: { navigationSections: [{
|
|
19208
19260
|
type: Input,
|
|
19209
19261
|
args: [{ required: true }]
|
|
@@ -19215,6 +19267,115 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19215
19267
|
type: Output
|
|
19216
19268
|
}] } });
|
|
19217
19269
|
|
|
19270
|
+
class ImageComponent {
|
|
19271
|
+
constructor(libConfig, platformId) {
|
|
19272
|
+
this.libConfig = libConfig;
|
|
19273
|
+
this.platformId = platformId;
|
|
19274
|
+
this.imageWebpSrc = '';
|
|
19275
|
+
this.imageDefaultSrc = '';
|
|
19276
|
+
this.imageSizes = [];
|
|
19277
|
+
this.mimeType = ImageMimeType.JPEG;
|
|
19278
|
+
this.alt = '';
|
|
19279
|
+
this.title = '';
|
|
19280
|
+
this.loading = 'lazy';
|
|
19281
|
+
}
|
|
19282
|
+
ngOnInit() {
|
|
19283
|
+
if (this.imageWebpSrc) {
|
|
19284
|
+
this.mimeType = ImageMimeType.WEBP;
|
|
19285
|
+
}
|
|
19286
|
+
if (isPlatformServer(this.platformId)) {
|
|
19287
|
+
this.handleServerImageError();
|
|
19288
|
+
}
|
|
19289
|
+
}
|
|
19290
|
+
handleServerImageError() {
|
|
19291
|
+
if (!this.imageDefaultSrc) {
|
|
19292
|
+
this.handleImageError();
|
|
19293
|
+
}
|
|
19294
|
+
}
|
|
19295
|
+
handleImageError() {
|
|
19296
|
+
this.imageDefaultSrc = this.libConfig.fallbackImgSrc || '';
|
|
19297
|
+
}
|
|
19298
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, deps: [{ token: LIB_CONFIG }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19299
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ImageComponent, isStandalone: true, selector: "rdsite-image", inputs: { imageWebpSrc: "imageWebpSrc", imageDefaultSrc: "imageDefaultSrc", imageSizes: "imageSizes", mimeType: "mimeType", alt: "alt", title: "title", loading: "loading" }, ngImport: i0, template: "<picture class=\"rdsite-image\">\r\n @if (imageWebpSrc) {\r\n <source [srcset]=\"imageWebpSrc\" [type]=\"mimeType\" />\r\n }\r\n @for (image of imageSizes; track image.source_url) {\r\n <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\r\n }\r\n <img [src]=\"imageDefaultSrc\" [alt]=\"alt\" [title]=\"title\" [attr.loading]=\"loading\" (error)=\"handleImageError()\" />\r\n</picture>\r\n", styles: [".rdsite-image{display:block}.rdsite-image img{max-width:100%;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19300
|
+
}
|
|
19301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
19302
|
+
type: Component,
|
|
19303
|
+
args: [{ selector: 'rdsite-image', standalone: true, imports: [CommonModule], template: "<picture class=\"rdsite-image\">\r\n @if (imageWebpSrc) {\r\n <source [srcset]=\"imageWebpSrc\" [type]=\"mimeType\" />\r\n }\r\n @for (image of imageSizes; track image.source_url) {\r\n <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\r\n }\r\n <img [src]=\"imageDefaultSrc\" [alt]=\"alt\" [title]=\"title\" [attr.loading]=\"loading\" (error)=\"handleImageError()\" />\r\n</picture>\r\n", styles: [".rdsite-image{display:block}.rdsite-image img{max-width:100%;height:auto}\n"] }]
|
|
19304
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
19305
|
+
type: Inject,
|
|
19306
|
+
args: [LIB_CONFIG]
|
|
19307
|
+
}] }, { type: undefined, decorators: [{
|
|
19308
|
+
type: Inject,
|
|
19309
|
+
args: [PLATFORM_ID]
|
|
19310
|
+
}] }], propDecorators: { imageWebpSrc: [{
|
|
19311
|
+
type: Input
|
|
19312
|
+
}], imageDefaultSrc: [{
|
|
19313
|
+
type: Input
|
|
19314
|
+
}], imageSizes: [{
|
|
19315
|
+
type: Input
|
|
19316
|
+
}], mimeType: [{
|
|
19317
|
+
type: Input
|
|
19318
|
+
}], alt: [{
|
|
19319
|
+
type: Input
|
|
19320
|
+
}], title: [{
|
|
19321
|
+
type: Input
|
|
19322
|
+
}], loading: [{
|
|
19323
|
+
type: Input
|
|
19324
|
+
}] } });
|
|
19325
|
+
|
|
19326
|
+
class CardUnidadePlanosConveniosComponent {
|
|
19327
|
+
constructor(curaService) {
|
|
19328
|
+
this.curaService = curaService;
|
|
19329
|
+
this.title = '';
|
|
19330
|
+
this.subtitle = '';
|
|
19331
|
+
this.address = '';
|
|
19332
|
+
this.logoWebpSrc = '';
|
|
19333
|
+
this.logoDefaultSrc = '';
|
|
19334
|
+
this.logoSizes = [];
|
|
19335
|
+
this.logoMimeType = ImageMimeType.JPEG;
|
|
19336
|
+
this.logoAlt = '';
|
|
19337
|
+
this.logoTitle = '';
|
|
19338
|
+
this.styleBinding = {
|
|
19339
|
+
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
19340
|
+
'--neutral-white': this.curaService.getColor('neutral-white'),
|
|
19341
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
19342
|
+
};
|
|
19343
|
+
}
|
|
19344
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19345
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardUnidadePlanosConveniosComponent, isStandalone: true, selector: "rdsite-card-unidade-planos-convenios", inputs: { title: "title", subtitle: "subtitle", coverage: "coverage", address: "address", cta1: "cta1", cta2: "cta2", logoWebpSrc: "logoWebpSrc", logoDefaultSrc: "logoDefaultSrc", logoSizes: "logoSizes", logoMimeType: "logoMimeType", logoAlt: "logoAlt", logoTitle: "logoTitle" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"rdsite-card-unidade-planos-convenios\">\r\n <rdsite-image\r\n class=\"rdsite-card-unidade-planos-convenios-logo\"\r\n [imageWebpSrc]=\"logoWebpSrc\"\r\n [imageDefaultSrc]=\"logoDefaultSrc\"\r\n [imageSizes]=\"logoSizes\"\r\n [mimeType]=\"logoMimeType\"\r\n [alt]=\"logoAlt\"\r\n [title]=\"logoTitle\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\r\n <div class=\"heading\">\r\n @if (title) {\r\n <cura-heading size=\"small\" level=\"2\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"150%\">\r\n {{ title }}\r\n </cura-heading>\r\n }\r\n\r\n @if (subtitle) {\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ subtitle }}\r\n </span>\r\n </cura-paragraph>\r\n }\r\n </div>\r\n\r\n @if (coverage) {\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ coverage.title }}\r\n </span>\r\n </cura-paragraph>\r\n\r\n @if (coverage.list?.length) {\r\n <div class=\"coverage-list\">\r\n @for (item of coverage.list; track item.title) {\r\n <cura-badge-pill type=\"solid\" color=\"success\" [attr.disabled]=\"!item.isCovered\" [attr.icon-name]=\"item.isCovered ? 'check' : 'close'\">\r\n {{ item.title }}\r\n </cura-badge-pill>\r\n }\r\n </div>\r\n }\r\n }\r\n\r\n @if (address) {\r\n <div class=\"address\">\r\n <cura-icon name=\"geotag\" color=\"neutral-dark\" size=\"20\"></cura-icon>\r\n\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ address }}\r\n </span>\r\n </cura-paragraph>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\r\n @if (cta1 && cta1.label && cta1.link) {\r\n <cura-button-outline type=\"button\" size=\"large\" color=\"primary\" rdsitelink [href]=\"cta1.link\">\r\n {{ cta1.label }}\r\n </cura-button-outline>\r\n }\r\n\r\n @if (cta2 && cta2.label && cta2.link) {\r\n <cura-button type=\"button\" size=\"large\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\r\n {{ cta2.label }}\r\n </cura-button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host{display:flex;width:100%;padding:20px;border-radius:12px;border:1px solid var(--neutral-light, rgb(212, 212, 212));background-color:var(--neutral-purewhite, rgb(255, 255, 255))}.rdsite-card-unidade-planos-convenios{display:flex;flex-direction:column;gap:24px;align-items:flex-start;align-self:stretch;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;flex:1 0 0;width:100%;padding:7px 60px}.rdsite-card-unidade-planos-convenios-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:3 0 0;width:100%}.rdsite-card-unidade-planos-convenios-content .address{display:flex;padding:8px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;background-color:var(--neutral-white, rgb(246, 246, 246))}.rdsite-card-unidade-planos-convenios-content .coverage-list{display:flex;gap:8px;flex-wrap:wrap}.rdsite-card-unidade-planos-convenios-ctas{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:16px}@media screen and (min-width: 1024px){.rdsite-card-unidade-planos-convenios{gap:32px;flex-direction:row}.rdsite-card-unidade-planos-convenios-logo{padding:0}.rdsite-card-unidade-planos-convenios-content{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-ctas{width:210px}}span.cura-paragraph-weight{font-weight:500}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
19346
|
+
}
|
|
19347
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, decorators: [{
|
|
19348
|
+
type: Component,
|
|
19349
|
+
args: [{ selector: 'rdsite-card-unidade-planos-convenios', standalone: true, imports: [ImageComponent, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-card-unidade-planos-convenios\">\r\n <rdsite-image\r\n class=\"rdsite-card-unidade-planos-convenios-logo\"\r\n [imageWebpSrc]=\"logoWebpSrc\"\r\n [imageDefaultSrc]=\"logoDefaultSrc\"\r\n [imageSizes]=\"logoSizes\"\r\n [mimeType]=\"logoMimeType\"\r\n [alt]=\"logoAlt\"\r\n [title]=\"logoTitle\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\r\n <div class=\"heading\">\r\n @if (title) {\r\n <cura-heading size=\"small\" level=\"2\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"150%\">\r\n {{ title }}\r\n </cura-heading>\r\n }\r\n\r\n @if (subtitle) {\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ subtitle }}\r\n </span>\r\n </cura-paragraph>\r\n }\r\n </div>\r\n\r\n @if (coverage) {\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ coverage.title }}\r\n </span>\r\n </cura-paragraph>\r\n\r\n @if (coverage.list?.length) {\r\n <div class=\"coverage-list\">\r\n @for (item of coverage.list; track item.title) {\r\n <cura-badge-pill type=\"solid\" color=\"success\" [attr.disabled]=\"!item.isCovered\" [attr.icon-name]=\"item.isCovered ? 'check' : 'close'\">\r\n {{ item.title }}\r\n </cura-badge-pill>\r\n }\r\n </div>\r\n }\r\n }\r\n\r\n @if (address) {\r\n <div class=\"address\">\r\n <cura-icon name=\"geotag\" color=\"neutral-dark\" size=\"20\"></cura-icon>\r\n\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ address }}\r\n </span>\r\n </cura-paragraph>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\r\n @if (cta1 && cta1.label && cta1.link) {\r\n <cura-button-outline type=\"button\" size=\"large\" color=\"primary\" rdsitelink [href]=\"cta1.link\">\r\n {{ cta1.label }}\r\n </cura-button-outline>\r\n }\r\n\r\n @if (cta2 && cta2.label && cta2.link) {\r\n <cura-button type=\"button\" size=\"large\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\r\n {{ cta2.label }}\r\n </cura-button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host{display:flex;width:100%;padding:20px;border-radius:12px;border:1px solid var(--neutral-light, rgb(212, 212, 212));background-color:var(--neutral-purewhite, rgb(255, 255, 255))}.rdsite-card-unidade-planos-convenios{display:flex;flex-direction:column;gap:24px;align-items:flex-start;align-self:stretch;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;flex:1 0 0;width:100%;padding:7px 60px}.rdsite-card-unidade-planos-convenios-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:3 0 0;width:100%}.rdsite-card-unidade-planos-convenios-content .address{display:flex;padding:8px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;background-color:var(--neutral-white, rgb(246, 246, 246))}.rdsite-card-unidade-planos-convenios-content .coverage-list{display:flex;gap:8px;flex-wrap:wrap}.rdsite-card-unidade-planos-convenios-ctas{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:16px}@media screen and (min-width: 1024px){.rdsite-card-unidade-planos-convenios{gap:32px;flex-direction:row}.rdsite-card-unidade-planos-convenios-logo{padding:0}.rdsite-card-unidade-planos-convenios-content{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-ctas{width:210px}}span.cura-paragraph-weight{font-weight:500}\n"] }]
|
|
19350
|
+
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { title: [{
|
|
19351
|
+
type: Input
|
|
19352
|
+
}], subtitle: [{
|
|
19353
|
+
type: Input
|
|
19354
|
+
}], coverage: [{
|
|
19355
|
+
type: Input
|
|
19356
|
+
}], address: [{
|
|
19357
|
+
type: Input
|
|
19358
|
+
}], cta1: [{
|
|
19359
|
+
type: Input
|
|
19360
|
+
}], cta2: [{
|
|
19361
|
+
type: Input
|
|
19362
|
+
}], logoWebpSrc: [{
|
|
19363
|
+
type: Input
|
|
19364
|
+
}], logoDefaultSrc: [{
|
|
19365
|
+
type: Input
|
|
19366
|
+
}], logoSizes: [{
|
|
19367
|
+
type: Input
|
|
19368
|
+
}], logoMimeType: [{
|
|
19369
|
+
type: Input
|
|
19370
|
+
}], logoAlt: [{
|
|
19371
|
+
type: Input
|
|
19372
|
+
}], logoTitle: [{
|
|
19373
|
+
type: Input
|
|
19374
|
+
}], styleBinding: [{
|
|
19375
|
+
type: HostBinding,
|
|
19376
|
+
args: ['style']
|
|
19377
|
+
}] } });
|
|
19378
|
+
|
|
19218
19379
|
// Components
|
|
19219
19380
|
|
|
19220
19381
|
class PhonePipe {
|
|
@@ -19241,5 +19402,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19241
19402
|
* Generated bundle index. Do not edit.
|
|
19242
19403
|
*/
|
|
19243
19404
|
|
|
19244
|
-
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorService, Errors, Estados, FilterLetterAndTermsComponent, FooterComponent, FooterDisclaimerComponent, FooterMenuComponent, FooterMenuItemComponent, FooterSocialMediasComponent, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, LIB_CONFIG, LoadScreenComponent, LogService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, Themes, TransferStateService, WhatsappComponent, formatPhone, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
19405
|
+
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorService, Errors, Estados, FilterLetterAndTermsComponent, FooterComponent, FooterDisclaimerComponent, FooterMenuComponent, FooterMenuItemComponent, FooterSocialMediasComponent, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, formatPhone, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
19245
19406
|
//# sourceMappingURL=rededor-site-front-end-lib.mjs.map
|