@rededor/site-front-end-lib 0.0.72 → 0.0.74
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 +83 -83
- package/esm2022/lib/components/algolia/algolia.component.mjs +154 -0
- package/esm2022/lib/components/banner/content-banner/content-banner.component.mjs +31 -0
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +119 -0
- package/esm2022/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.mjs +60 -0
- package/esm2022/lib/components/cards/expandable-card/expandable-card.component.mjs +65 -0
- package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +69 -0
- package/esm2022/lib/components/error/error-service/error.service.mjs +17 -0
- package/esm2022/lib/components/error/error.component.mjs +152 -0
- package/esm2022/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs +30 -0
- package/esm2022/lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.mjs +122 -0
- package/esm2022/lib/components/footer/components/footer-disclaimer/footer-disclaimer.component.mjs +33 -0
- package/esm2022/lib/components/footer/components/footer-menu/footer-menu.component.mjs +28 -0
- package/esm2022/lib/components/footer/components/footer-menu-item/footer-menu-item.component.mjs +39 -0
- package/esm2022/lib/components/footer/components/footer-social-medias/footer-social-medias.component.mjs +33 -0
- package/esm2022/lib/components/footer/footer.component.mjs +50 -0
- package/esm2022/lib/components/footer/helpers/footerTheme.func.mjs +70 -0
- package/esm2022/lib/components/footer/models/FooterTheme.model.mjs +2 -0
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +28 -0
- package/esm2022/lib/components/header/components/header-aux-menu/header-aux-menu.component.mjs +12 -0
- package/esm2022/lib/components/header/components/header-aux-menu-container/header-aux-menu-container.component.mjs +17 -0
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +47 -0
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +23 -0
- package/esm2022/lib/components/header/components/header-logo/header-logo.component.mjs +32 -0
- package/esm2022/lib/components/header/components/header-main-menu/header-main-menu.component.mjs +11 -0
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +72 -0
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +88 -0
- package/esm2022/lib/components/header/components/header-side-menu/header-side-menu.component.mjs +21 -0
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +52 -0
- package/esm2022/lib/components/header/header.component.mjs +87 -0
- package/esm2022/lib/components/header/helpers/headerTheme.func.mjs +134 -0
- package/esm2022/lib/components/header/models/HeaderTheme.model.mjs +2 -0
- package/esm2022/lib/components/header/services/header.service.mjs +43 -0
- package/esm2022/lib/components/image/image.component.mjs +61 -0
- package/esm2022/lib/components/index.mjs +42 -0
- package/esm2022/lib/components/load-screen/load-screen.component.mjs +23 -0
- package/esm2022/lib/components/overlay/overlay.component.mjs +19 -0
- package/esm2022/lib/components/page-header/page-header.component.mjs +41 -0
- package/esm2022/lib/components/page-template-sidebar/page-template-sidebar.component.mjs +33 -0
- package/esm2022/lib/components/search/search.component.mjs +145 -0
- package/esm2022/lib/components/section-navigation/section-navigation.component.mjs +146 -0
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +41 -0
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.mjs +40 -0
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +40 -0
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.mjs +11 -0
- package/esm2022/lib/components/side-ctas/models/SideCta.model.mjs +2 -0
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +23 -0
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +54 -0
- package/esm2022/lib/directives/index.mjs +4 -0
- package/esm2022/lib/directives/rdsite-click-outside/rdsite-click-outside.directive.mjs +29 -0
- package/esm2022/lib/directives/rdsite-link/rdsite-link.directive.mjs +175 -0
- package/esm2022/lib/directives/rdsite-phone-modal/rdsite-phone-modal.directive.mjs +52 -0
- package/esm2022/lib/enums/EnumDoencaTaxonomy.enum.mjs +11 -0
- package/esm2022/lib/enums/EnumError.enum.mjs +6 -0
- package/esm2022/lib/enums/EnumThemes.enum.mjs +8 -0
- package/esm2022/lib/enums/Estados.enum.mjs +31 -0
- package/esm2022/lib/enums/IconCuraDefaultType.enum.mjs +121 -0
- package/esm2022/lib/enums/ImageMimeType.enum.mjs +7 -0
- package/esm2022/lib/enums/RdsiteModalComponentStyle.enum.mjs +13 -0
- package/esm2022/lib/enums/RdsiteModalDrawerComponentStyle.enum.mjs +7 -0
- package/esm2022/lib/enums/UnidadeCoverageType.enum.mjs +7 -0
- package/esm2022/lib/enums/index.mjs +10 -0
- package/esm2022/lib/helpers/check-safari-agent.func.mjs +7 -0
- package/esm2022/lib/helpers/formatPhone.func.mjs +29 -0
- package/esm2022/lib/helpers/getSiteUrl.func.mjs +11 -0
- package/esm2022/lib/helpers/index.mjs +8 -0
- package/esm2022/lib/helpers/mediaQueries.mjs +11 -0
- package/esm2022/lib/helpers/removeDuplicateObjectsFromArray.func.mjs +5 -0
- package/esm2022/lib/helpers/removeDuplicateValuesFromArray.func.mjs +5 -0
- package/esm2022/lib/helpers/removeHtmlTags.func.mjs +6 -0
- package/esm2022/lib/helpers/toQueryParams.func.mjs +8 -0
- package/esm2022/lib/json/unidades.json +10179 -0
- package/esm2022/lib/json/unidadesOnco.json +4936 -0
- package/esm2022/lib/models/algolia-search-api.model.mjs +2 -0
- package/esm2022/lib/models/algolia.model.mjs +2 -0
- package/esm2022/lib/models/breadcrumbs/breadcrumbs-items.model.mjs +2 -0
- package/esm2022/lib/models/breadcrumbs/breadcrumbs-json-item.model.mjs +2 -0
- package/esm2022/lib/models/centro-estudos-backend.model.mjs +2 -0
- package/esm2022/lib/models/content-banner.model.mjs +2 -0
- package/esm2022/lib/models/cta-wrapper.model.mjs +2 -0
- package/esm2022/lib/models/doenca-backend.model.mjs +2 -0
- package/esm2022/lib/models/doenca-taxonomy.model.mjs +2 -0
- package/esm2022/lib/models/especialidade-backend.model.mjs +2 -0
- package/esm2022/lib/models/exame-backend.model.mjs +2 -0
- package/esm2022/lib/models/filters/filter-planos-convenios.model.mjs +2 -0
- package/esm2022/lib/models/images/rdsite-image.model.mjs +2 -0
- package/esm2022/lib/models/medico-cv.model.mjs +2 -0
- package/esm2022/lib/models/menu-de-unidade.model.mjs +2 -0
- package/esm2022/lib/models/menu-item.model.mjs +2 -0
- package/esm2022/lib/models/privacy-tools/privacy-tools.model.mjs +2 -0
- package/esm2022/lib/models/rdsl-cobertura.model.mjs +2 -0
- package/esm2022/lib/models/rdsl-convenio.model.mjs +2 -0
- package/esm2022/lib/models/rdsl-especialidade.model.mjs +2 -0
- package/esm2022/lib/models/rdsl-planos.model.mjs +2 -0
- package/esm2022/lib/models/rdsl-post-category.model.mjs +2 -0
- package/esm2022/lib/models/rdsl-unidade.model.mjs +2 -0
- package/esm2022/lib/models/section-navigation.model.mjs +2 -0
- package/esm2022/lib/models/seo/seo-data.model.mjs +2 -0
- package/esm2022/lib/models/seo/seo-unidade.model.mjs +2 -0
- package/esm2022/lib/models/social-meta-properties.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/WpResponse.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/category/wpCategory.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/content.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/excerpt.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/featuredMedia.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/guid.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/index.mjs +11 -0
- package/esm2022/lib/models/wordpress/general/links.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/meta.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/title.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/yoastData.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/yoastHeadJson.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/general/yoastMeta.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/page/page.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/post/post.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-onco.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site-detalhe.model.mjs +2 -0
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site.model.mjs +2 -0
- package/esm2022/lib/pipes/index.mjs +2 -0
- package/esm2022/lib/pipes/phone/phone.pipe.mjs +18 -0
- package/esm2022/lib/services/algolia/algolia.service.mjs +37 -0
- package/esm2022/lib/services/algolia-search-api/algolia-search-api.service.mjs +71 -0
- package/esm2022/lib/services/cura/cura.service.mjs +111 -0
- package/esm2022/lib/services/http-client/http-client.service.mjs +55 -0
- package/esm2022/lib/services/index.mjs +17 -0
- package/esm2022/lib/services/log/log.service.mjs +46 -0
- package/esm2022/lib/services/modal/modal.service.mjs +56 -0
- package/esm2022/lib/services/modal-drawer/modal-drawer.service.mjs +42 -0
- package/esm2022/lib/services/ngu-carousel/ngu-carousel.service.mjs +81 -0
- package/esm2022/lib/services/phone/phone.service.mjs +28 -0
- package/esm2022/lib/services/privacy-tools/privacy-tools.service.mjs +92 -0
- package/esm2022/lib/services/scroll-service/scroll-service.service.mjs +41 -0
- package/esm2022/lib/services/seo/seo.service.mjs +483 -0
- package/esm2022/lib/services/server-response/server-response.service.mjs +85 -0
- package/esm2022/lib/services/site-back-end/site-back-end.service.mjs +151 -0
- package/esm2022/lib/services/ssr-loading/ssr-loading.service.mjs +48 -0
- package/esm2022/lib/services/transfer-state/transfer-state.service.mjs +60 -0
- package/esm2022/lib/tokens/CuraApi.mjs +3 -0
- package/esm2022/lib/tokens/LibConfig.mjs +4 -0
- package/esm2022/lib/tokens/express.tokens.mjs +4 -0
- package/esm2022/public-api.mjs +20 -0
- package/esm2022/rededor-site-front-end-lib.mjs +5 -0
- package/fesm2022/rededor-site-front-end-lib.mjs +84 -77
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/services/site-back-end/site-back-end.service.d.ts +1 -0
- package/package.json +1 -1
- package/styles/_breakpoints.scss +5 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken,
|
|
2
|
+
import { InjectionToken, Inject, Injectable, PLATFORM_ID, Optional, makeStateKey, signal, EventEmitter, Output, Input, Component, HostListener, Directive, CUSTOM_ELEMENTS_SCHEMA, HostBinding, ViewChild, effect, inject, Pipe } from '@angular/core';
|
|
3
3
|
import algoliasearch from 'algoliasearch';
|
|
4
4
|
import { from, fromEvent, startWith, timeout, catchError, of, Observable, debounceTime, BehaviorSubject } from 'rxjs';
|
|
5
5
|
import * as i2 from '@angular/common';
|
|
@@ -16296,6 +16296,10 @@ class SiteBackendService {
|
|
|
16296
16296
|
const params = `?unidade=${slug}&slugGrupo=${slugGrupo}`;
|
|
16297
16297
|
return this.httpClientService.get(`${this.siteApiUrl}exames-e-procedimentos/grupo${params}`);
|
|
16298
16298
|
}
|
|
16299
|
+
getExamesByUnidade(unidadeId) {
|
|
16300
|
+
const params = `?unitId=${unidadeId}`;
|
|
16301
|
+
return this.httpClientService.get(`${this.siteApiUrl}exames-e-procedimentos/unidade${params}`);
|
|
16302
|
+
}
|
|
16299
16303
|
getExamesApiDados() {
|
|
16300
16304
|
return this.httpClientService.get(`${this.siteApiUrl}exames-e-procedimentos/api-dados`);
|
|
16301
16305
|
}
|
|
@@ -16715,6 +16719,9 @@ class SeoService {
|
|
|
16715
16719
|
this.canonicalTag = this.getCanonicalTag();
|
|
16716
16720
|
}
|
|
16717
16721
|
let path = this.document.location.pathname;
|
|
16722
|
+
if (this.libConfig?.siteSufix && path.includes(this.libConfig?.siteSufix)) {
|
|
16723
|
+
path = path.replace(this.libConfig?.siteSufix, '');
|
|
16724
|
+
}
|
|
16718
16725
|
if (!path.startsWith('/')) {
|
|
16719
16726
|
path = `/${path}`;
|
|
16720
16727
|
}
|
|
@@ -17124,11 +17131,11 @@ class FooterDisclaimerComponent {
|
|
|
17124
17131
|
this.footerCookieClick.emit(event);
|
|
17125
17132
|
}
|
|
17126
17133
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterDisclaimerComponent, deps: [{ token: PrivacyToolsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17127
|
-
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"] }); }
|
|
17134
|
+
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"] }); }
|
|
17128
17135
|
}
|
|
17129
17136
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterDisclaimerComponent, decorators: [{
|
|
17130
17137
|
type: Component,
|
|
17131
|
-
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"] }]
|
|
17138
|
+
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"] }]
|
|
17132
17139
|
}], ctorParameters: () => [{ type: PrivacyToolsService }], propDecorators: { currentYear: [{
|
|
17133
17140
|
type: Input
|
|
17134
17141
|
}], disclaimerText: [{
|
|
@@ -17407,11 +17414,11 @@ class FooterMenuItemComponent {
|
|
|
17407
17414
|
this.footerMenuItemClick.emit(event);
|
|
17408
17415
|
}
|
|
17409
17416
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
17417
|
+
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"] }] }); }
|
|
17411
17418
|
}
|
|
17412
17419
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuItemComponent, decorators: [{
|
|
17413
17420
|
type: Component,
|
|
17414
|
-
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"] }]
|
|
17421
|
+
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"] }]
|
|
17415
17422
|
}], propDecorators: { url: [{
|
|
17416
17423
|
type: Input
|
|
17417
17424
|
}], title: [{
|
|
@@ -17434,11 +17441,11 @@ class FooterMenuComponent {
|
|
|
17434
17441
|
this.footerMenuItemClick.emit(event);
|
|
17435
17442
|
}
|
|
17436
17443
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
17444
|
+
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"] }] }); }
|
|
17438
17445
|
}
|
|
17439
17446
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuComponent, decorators: [{
|
|
17440
17447
|
type: Component,
|
|
17441
|
-
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"] }]
|
|
17448
|
+
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"] }]
|
|
17442
17449
|
}], propDecorators: { footerMenu: [{
|
|
17443
17450
|
type: Input
|
|
17444
17451
|
}], partnerships: [{
|
|
@@ -17459,11 +17466,11 @@ class FooterSocialMediasComponent {
|
|
|
17459
17466
|
this.footerSocialMediaClick.emit(event);
|
|
17460
17467
|
}
|
|
17461
17468
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterSocialMediasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
17469
|
+
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"] }] }); }
|
|
17463
17470
|
}
|
|
17464
17471
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterSocialMediasComponent, decorators: [{
|
|
17465
17472
|
type: Component,
|
|
17466
|
-
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"] }]
|
|
17473
|
+
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"] }]
|
|
17467
17474
|
}], propDecorators: { logo: [{
|
|
17468
17475
|
type: Input
|
|
17469
17476
|
}], partnershipLogo: [{
|
|
@@ -17576,11 +17583,11 @@ class FooterComponent {
|
|
|
17576
17583
|
return this.footerTheme[context];
|
|
17577
17584
|
}
|
|
17578
17585
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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')\">\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"] }] }); }
|
|
17586
|
+
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"] }] }); }
|
|
17580
17587
|
}
|
|
17581
17588
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
17582
17589
|
type: Component,
|
|
17583
|
-
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"] }]
|
|
17590
|
+
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"] }]
|
|
17584
17591
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { project: [{
|
|
17585
17592
|
type: Input
|
|
17586
17593
|
}], theme: [{
|
|
@@ -17729,11 +17736,11 @@ class OverlayComponent {
|
|
|
17729
17736
|
this.overlayClick.emit();
|
|
17730
17737
|
}
|
|
17731
17738
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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>\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }); }
|
|
17739
|
+
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"] }); }
|
|
17733
17740
|
}
|
|
17734
17741
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayComponent, decorators: [{
|
|
17735
17742
|
type: Component,
|
|
17736
|
-
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"] }]
|
|
17743
|
+
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"] }]
|
|
17737
17744
|
}], propDecorators: { overlayClick: [{
|
|
17738
17745
|
type: Output
|
|
17739
17746
|
}] } });
|
|
@@ -17832,11 +17839,11 @@ class SearchComponent {
|
|
|
17832
17839
|
this.controlSubscription?.unsubscribe();
|
|
17833
17840
|
}
|
|
17834
17841
|
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 }); }
|
|
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\">\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"] }] }); }
|
|
17842
|
+
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"] }] }); }
|
|
17836
17843
|
}
|
|
17837
17844
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, decorators: [{
|
|
17838
17845
|
type: Component,
|
|
17839
|
-
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"] }]
|
|
17846
|
+
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"] }]
|
|
17840
17847
|
}], ctorParameters: () => [{ type: i2$1.DeviceDetectorService }, { type: CuraService }, { type: undefined, decorators: [{
|
|
17841
17848
|
type: Inject,
|
|
17842
17849
|
args: [PLATFORM_ID]
|
|
@@ -17931,11 +17938,11 @@ class HeaderComponent {
|
|
|
17931
17938
|
this.headerService.toggleShowSearch(false);
|
|
17932
17939
|
}
|
|
17933
17940
|
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 }); }
|
|
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')\">\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"] }] }); }
|
|
17941
|
+
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"] }] }); }
|
|
17935
17942
|
}
|
|
17936
17943
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
17937
17944
|
type: Component,
|
|
17938
|
-
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"] }]
|
|
17945
|
+
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"] }]
|
|
17939
17946
|
}], ctorParameters: () => [{ type: CuraService }, { type: HeaderService }, { type: Document, decorators: [{
|
|
17940
17947
|
type: Inject,
|
|
17941
17948
|
args: [DOCUMENT]
|
|
@@ -17963,11 +17970,11 @@ class HeaderActionMenuComponent {
|
|
|
17963
17970
|
this.headerLoginClick.emit(event);
|
|
17964
17971
|
}
|
|
17965
17972
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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\">\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"] }] }); }
|
|
17973
|
+
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"] }] }); }
|
|
17967
17974
|
}
|
|
17968
17975
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
17969
17976
|
type: Component,
|
|
17970
|
-
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"] }]
|
|
17977
|
+
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"] }]
|
|
17971
17978
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { loginUrl: [{
|
|
17972
17979
|
type: Input
|
|
17973
17980
|
}], showSearch: [{
|
|
@@ -17978,11 +17985,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17978
17985
|
|
|
17979
17986
|
class HeaderAuxMenuComponent {
|
|
17980
17987
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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>\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17988
|
+
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 }] }); }
|
|
17982
17989
|
}
|
|
17983
17990
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, decorators: [{
|
|
17984
17991
|
type: Component,
|
|
17985
|
-
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"] }]
|
|
17992
|
+
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"] }]
|
|
17986
17993
|
}] });
|
|
17987
17994
|
|
|
17988
17995
|
class HeaderAuxMenuContainerComponent {
|
|
@@ -17990,11 +17997,11 @@ class HeaderAuxMenuContainerComponent {
|
|
|
17990
17997
|
this.onlyDesktop = false;
|
|
17991
17998
|
}
|
|
17992
17999
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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>\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 }] }); }
|
|
18000
|
+
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 }] }); }
|
|
17994
18001
|
}
|
|
17995
18002
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, decorators: [{
|
|
17996
18003
|
type: Component,
|
|
17997
|
-
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"] }]
|
|
18004
|
+
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"] }]
|
|
17998
18005
|
}], propDecorators: { onlyDesktop: [{
|
|
17999
18006
|
type: Input
|
|
18000
18007
|
}] } });
|
|
@@ -18008,11 +18015,11 @@ class HeaderAuxMenuItemDropdownComponent {
|
|
|
18008
18015
|
this.headerAuxMenuItemDDClick.emit(event);
|
|
18009
18016
|
}
|
|
18010
18017
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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\">\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"] }] }); }
|
|
18018
|
+
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"] }] }); }
|
|
18012
18019
|
}
|
|
18013
18020
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
|
|
18014
18021
|
type: Component,
|
|
18015
|
-
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"] }]
|
|
18022
|
+
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"] }]
|
|
18016
18023
|
}], propDecorators: { items: [{
|
|
18017
18024
|
type: Input
|
|
18018
18025
|
}], headerAuxMenuItemDDClick: [{
|
|
@@ -18042,11 +18049,11 @@ class HeaderAuxMenuItemComponent {
|
|
|
18042
18049
|
this.isDropdownHover = value;
|
|
18043
18050
|
}
|
|
18044
18051
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
18052
|
+
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"] }] }); }
|
|
18046
18053
|
}
|
|
18047
18054
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
18048
18055
|
type: Component,
|
|
18049
|
-
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"] }]
|
|
18056
|
+
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"] }]
|
|
18050
18057
|
}], propDecorators: { item: [{
|
|
18051
18058
|
type: Input
|
|
18052
18059
|
}], altStyle: [{
|
|
@@ -18071,11 +18078,11 @@ class HeaderLogoComponent {
|
|
|
18071
18078
|
this.headerLogoClick.emit(event);
|
|
18072
18079
|
}
|
|
18073
18080
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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>\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"] }] }); }
|
|
18081
|
+
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"] }] }); }
|
|
18075
18082
|
}
|
|
18076
18083
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
18077
18084
|
type: Component,
|
|
18078
|
-
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"] }]
|
|
18085
|
+
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"] }]
|
|
18079
18086
|
}], propDecorators: { href: [{
|
|
18080
18087
|
type: Input
|
|
18081
18088
|
}], title: [{
|
|
@@ -18090,11 +18097,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18090
18097
|
|
|
18091
18098
|
class HeaderMainMenuComponent {
|
|
18092
18099
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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>\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"] }); }
|
|
18100
|
+
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"] }); }
|
|
18094
18101
|
}
|
|
18095
18102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, decorators: [{
|
|
18096
18103
|
type: Component,
|
|
18097
|
-
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"] }]
|
|
18104
|
+
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"] }]
|
|
18098
18105
|
}] });
|
|
18099
18106
|
|
|
18100
18107
|
class HeaderMainMenuItemDropdownComponent {
|
|
@@ -18164,11 +18171,11 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
18164
18171
|
this.headerMainMenuCtaDDClick.emit(event);
|
|
18165
18172
|
}
|
|
18166
18173
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
18174
|
+
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"] }] }); }
|
|
18168
18175
|
}
|
|
18169
18176
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
18170
18177
|
type: Component,
|
|
18171
|
-
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"] }]
|
|
18178
|
+
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"] }]
|
|
18172
18179
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18173
18180
|
type: Input
|
|
18174
18181
|
}], headerMainMenuItemDDClick: [{
|
|
@@ -18223,11 +18230,11 @@ class HeaderMainMenuItemComponent {
|
|
|
18223
18230
|
this.dropdownOpen$.unsubscribe();
|
|
18224
18231
|
}
|
|
18225
18232
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
18233
|
+
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"] }] }); }
|
|
18227
18234
|
}
|
|
18228
18235
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
18229
18236
|
type: Component,
|
|
18230
|
-
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"] }]
|
|
18237
|
+
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"] }]
|
|
18231
18238
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18232
18239
|
type: Input
|
|
18233
18240
|
}], headerMainMenuItemClick: [{
|
|
@@ -18251,11 +18258,11 @@ class HeaderSideMenuComponent {
|
|
|
18251
18258
|
this.headerService.toggleShowSideMenu(false);
|
|
18252
18259
|
}
|
|
18253
18260
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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() }\">\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"] }] }); }
|
|
18261
|
+
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"] }] }); }
|
|
18255
18262
|
}
|
|
18256
18263
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
18257
18264
|
type: Component,
|
|
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() }\">\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"] }]
|
|
18265
|
+
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"] }]
|
|
18259
18266
|
}], ctorParameters: () => [{ type: HeaderService }] });
|
|
18260
18267
|
|
|
18261
18268
|
class HeaderSideMenuItemComponent {
|
|
@@ -18285,11 +18292,11 @@ class HeaderSideMenuItemComponent {
|
|
|
18285
18292
|
this.headerSideMenuItemClick.emit(event);
|
|
18286
18293
|
}
|
|
18287
18294
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
18295
|
+
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"] }] }); }
|
|
18289
18296
|
}
|
|
18290
18297
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
18291
18298
|
type: Component,
|
|
18292
|
-
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"] }]
|
|
18299
|
+
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"] }]
|
|
18293
18300
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { item: [{
|
|
18294
18301
|
type: Input
|
|
18295
18302
|
}], altStyle: [{
|
|
@@ -18314,11 +18321,11 @@ class LoadScreenComponent {
|
|
|
18314
18321
|
};
|
|
18315
18322
|
}
|
|
18316
18323
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadScreenComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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\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"] }); }
|
|
18324
|
+
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"] }); }
|
|
18318
18325
|
}
|
|
18319
18326
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadScreenComponent, decorators: [{
|
|
18320
18327
|
type: Component,
|
|
18321
|
-
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"] }]
|
|
18328
|
+
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"] }]
|
|
18322
18329
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { styleBinding: [{
|
|
18323
18330
|
type: HostBinding,
|
|
18324
18331
|
args: ['style']
|
|
@@ -18332,11 +18339,11 @@ class SideCtasComponent {
|
|
|
18332
18339
|
};
|
|
18333
18340
|
}
|
|
18334
18341
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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\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"] }] }); }
|
|
18342
|
+
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"] }] }); }
|
|
18336
18343
|
}
|
|
18337
18344
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
18338
18345
|
type: Component,
|
|
18339
|
-
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"] }]
|
|
18346
|
+
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"] }]
|
|
18340
18347
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { style: [{
|
|
18341
18348
|
type: HostBinding,
|
|
18342
18349
|
args: ['style']
|
|
@@ -18365,11 +18372,11 @@ class SideCtasBottomComponent {
|
|
|
18365
18372
|
this.sideCtaBottomItemClick.emit(event);
|
|
18366
18373
|
}
|
|
18367
18374
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
18375
|
+
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"] }] }); }
|
|
18369
18376
|
}
|
|
18370
18377
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
18371
18378
|
type: Component,
|
|
18372
|
-
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"] }]
|
|
18379
|
+
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"] }]
|
|
18373
18380
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
18374
18381
|
type: Input
|
|
18375
18382
|
}], sideCtaBottomItemClick: [{
|
|
@@ -18403,11 +18410,11 @@ class WhatsappComponent {
|
|
|
18403
18410
|
this.whatsappClick.emit(event);
|
|
18404
18411
|
}
|
|
18405
18412
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
18413
|
+
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"] }] }); }
|
|
18407
18414
|
}
|
|
18408
18415
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
18409
18416
|
type: Component,
|
|
18410
|
-
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"] }]
|
|
18417
|
+
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"] }]
|
|
18411
18418
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { link: [{
|
|
18412
18419
|
type: Input
|
|
18413
18420
|
}], imgUrl: [{
|
|
@@ -18441,11 +18448,11 @@ class SideCtasRightBottomComponent {
|
|
|
18441
18448
|
this.sideCtaRightBottomItemClick.emit(event);
|
|
18442
18449
|
}
|
|
18443
18450
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
18451
|
+
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"] }] }); }
|
|
18445
18452
|
}
|
|
18446
18453
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, decorators: [{
|
|
18447
18454
|
type: Component,
|
|
18448
|
-
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" }]
|
|
18455
|
+
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" }]
|
|
18449
18456
|
}], propDecorators: { link: [{
|
|
18450
18457
|
type: Input
|
|
18451
18458
|
}], imgUrl: [{
|
|
@@ -18484,11 +18491,11 @@ class SideCtasRightMiddleComponent {
|
|
|
18484
18491
|
this.sideCtaRightMiddleItemClick.emit(event);
|
|
18485
18492
|
}
|
|
18486
18493
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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) {\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"] }] }); }
|
|
18494
|
+
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"] }] }); }
|
|
18488
18495
|
}
|
|
18489
18496
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
18490
18497
|
type: Component,
|
|
18491
|
-
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"] }]
|
|
18498
|
+
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"] }]
|
|
18492
18499
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
18493
18500
|
type: Input
|
|
18494
18501
|
}], sideCtaRightMiddleItemClick: [{
|
|
@@ -18500,11 +18507,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18500
18507
|
|
|
18501
18508
|
class SideCtasRightTopComponent {
|
|
18502
18509
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
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>\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }); }
|
|
18510
|
+
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"] }); }
|
|
18504
18511
|
}
|
|
18505
18512
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightTopComponent, decorators: [{
|
|
18506
18513
|
type: Component,
|
|
18507
|
-
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"] }]
|
|
18514
|
+
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"] }]
|
|
18508
18515
|
}] });
|
|
18509
18516
|
|
|
18510
18517
|
class AlgoliaComponent {
|
|
@@ -18610,11 +18617,11 @@ class AlgoliaComponent {
|
|
|
18610
18617
|
}
|
|
18611
18618
|
}
|
|
18612
18619
|
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 }); }
|
|
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\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"] }); }
|
|
18620
|
+
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"] }); }
|
|
18614
18621
|
}
|
|
18615
18622
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlgoliaComponent, decorators: [{
|
|
18616
18623
|
type: Component,
|
|
18617
|
-
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"] }]
|
|
18624
|
+
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"] }]
|
|
18618
18625
|
}], ctorParameters: () => [{ type: AlgoliaSearchApiService }, { type: undefined, decorators: [{
|
|
18619
18626
|
type: Inject,
|
|
18620
18627
|
args: [PLATFORM_ID]
|
|
@@ -18706,11 +18713,11 @@ class CtaWrapperComponent {
|
|
|
18706
18713
|
this.seeMoreControl = !this.seeMoreControl;
|
|
18707
18714
|
}
|
|
18708
18715
|
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 }); }
|
|
18709
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\n @if (content?.title) {\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\n }\n\n @if (content?.text) {\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\n }\n\n @if (!seeMoreControl) {\n <div class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n @if (!bannerControl) {\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.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=\"primary-darker\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n </ngu-item>\n </ngu-carousel>\n\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n </div>\n } @else {\n @for (cta of content?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n }\n </div>\n } @else {\n <div class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n @for (cta of content?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </div>\n }\n}\n", styles: [":host{display:block;padding:40px 0}@media only screen and (min-width: 1024px){:host{padding:80px 0}}: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(--color-one-darker);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}@media only screen and (min-width: 1024px){:host .ctas-wrapper{margin-top:80px}}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}: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(--color-one-darker);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;margin-top:60px}: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(--color-one-light);text-decoration:none}:host .cta p{color:var(--color-one-dark);font-size:16px;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"] }] }); }
|
|
18716
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\r\n @if (content?.title) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text) {\r\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n }\r\n\r\n @if (!seeMoreControl) {\r\n <div class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.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=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\r\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n } @else {\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\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=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </div>\r\n } @else {\r\n <div class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\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=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block;padding:40px 0}@media only screen and (min-width: 1024px){:host{padding:80px 0}}: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(--color-one-darker);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}@media only screen and (min-width: 1024px){:host .ctas-wrapper{margin-top:80px}}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}: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(--color-one-darker);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;margin-top:60px}: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(--color-one-light);text-decoration:none}:host .cta p{color:var(--color-one-dark);font-size:16px;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"] }] }); }
|
|
18710
18717
|
}
|
|
18711
18718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
|
|
18712
18719
|
type: Component,
|
|
18713
|
-
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\n @if (content?.title) {\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\n }\n\n @if (content?.text) {\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\n }\n\n @if (!seeMoreControl) {\n <div class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n @if (!bannerControl) {\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.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=\"primary-darker\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n </ngu-item>\n </ngu-carousel>\n\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n </div>\n } @else {\n @for (cta of content?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n }\n </div>\n } @else {\n <div class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n @for (cta of content?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n @if (cta?.icon) {\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" color=\"primary-darker\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </div>\n }\n}\n", styles: [":host{display:block;padding:40px 0}@media only screen and (min-width: 1024px){:host{padding:80px 0}}: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(--color-one-darker);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}@media only screen and (min-width: 1024px){:host .ctas-wrapper{margin-top:80px}}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}: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(--color-one-darker);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;margin-top:60px}: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(--color-one-light);text-decoration:none}:host .cta p{color:var(--color-one-dark);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
18720
|
+
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\r\n @if (content?.title) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text) {\r\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n }\r\n\r\n @if (!seeMoreControl) {\r\n <div class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.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=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\r\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n } @else {\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\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=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </div>\r\n } @else {\r\n <div class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\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=\"primary-darker\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block;padding:40px 0}@media only screen and (min-width: 1024px){:host{padding:80px 0}}: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(--color-one-darker);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}@media only screen and (min-width: 1024px){:host .ctas-wrapper{margin-top:80px}}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}: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(--color-one-darker);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;margin-top:60px}: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(--color-one-light);text-decoration:none}:host .cta p{color:var(--color-one-dark);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
18714
18721
|
}], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }, { type: undefined, decorators: [{
|
|
18715
18722
|
type: Inject,
|
|
18716
18723
|
args: [PLATFORM_ID]
|
|
@@ -18814,11 +18821,11 @@ class BreadcrumbsComponent {
|
|
|
18814
18821
|
});
|
|
18815
18822
|
}
|
|
18816
18823
|
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 }); }
|
|
18817
|
-
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"] }] }); }
|
|
18824
|
+
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"] }] }); }
|
|
18818
18825
|
}
|
|
18819
18826
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
18820
18827
|
type: Component,
|
|
18821
|
-
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"] }]
|
|
18828
|
+
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"] }]
|
|
18822
18829
|
}], ctorParameters: () => [{ type: CuraService }, { type: undefined, decorators: [{
|
|
18823
18830
|
type: Inject,
|
|
18824
18831
|
args: [LIB_CONFIG]
|
|
@@ -19047,11 +19054,11 @@ class ErrorComponent {
|
|
|
19047
19054
|
this.ctasSubscription?.unsubscribe();
|
|
19048
19055
|
}
|
|
19049
19056
|
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 }); }
|
|
19050
|
-
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\">\n @if (ctasIconColor && breadcrumbsItems) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\n }\n <div class=\"rdsite-error-container\">\n @if (labelTextColor) {\n <cura-label [attr.color]=\"labelTextColor\">\n {{ type === 'server-response' ? '500' : '404' }}\n </cura-label>\n }\n\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n @if (responseText) {\n <cura-paragraph color=\"neutral-black\" size=\"large\">\n {{ responseText }}\n </cura-paragraph>\n }\n\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\n <cura-button\n rdsitelink\n [href]=\"returnRoute\"\n size=\"medium\"\n type=\"button\"\n [color]=\"curaButtonColor\"\n font-color=\"light\"\n icon-name=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel }}\n </cura-button>\n }\n\n @if (type === error.SERVER_RESPONSE) {\n @if (curaButtonColor) {\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" target=\"_self\">\n Atualizar p\u00E1gina novamente\n </cura-button>\n }\n\n @if (returnLabel && returnRoute) {\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n @if (curaButtonOutlineColor) {\n <cura-button-outline\n rdsitelink\n [href]=\"returnRoute\"\n size=\"medium\"\n type=\"button\"\n [color]=\"curaButtonOutlineColor\"\n icon-name=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel }}\n </cura-button-outline>\n }\n }\n }\n\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n @if (ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n <rdsite-cta-wrapper [ctas]=\"ctas\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n }\n </div>\n</div>\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: ["content"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
|
|
19057
|
+
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: ["content"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
|
|
19051
19058
|
}
|
|
19052
19059
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
19053
19060
|
type: Component,
|
|
19054
|
-
args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\n @if (ctasIconColor && breadcrumbsItems) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\n }\n <div class=\"rdsite-error-container\">\n @if (labelTextColor) {\n <cura-label [attr.color]=\"labelTextColor\">\n {{ type === 'server-response' ? '500' : '404' }}\n </cura-label>\n }\n\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n @if (responseText) {\n <cura-paragraph color=\"neutral-black\" size=\"large\">\n {{ responseText }}\n </cura-paragraph>\n }\n\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\n <cura-button\n rdsitelink\n [href]=\"returnRoute\"\n size=\"medium\"\n type=\"button\"\n [color]=\"curaButtonColor\"\n font-color=\"light\"\n icon-name=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel }}\n </cura-button>\n }\n\n @if (type === error.SERVER_RESPONSE) {\n @if (curaButtonColor) {\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" target=\"_self\">\n Atualizar p\u00E1gina novamente\n </cura-button>\n }\n\n @if (returnLabel && returnRoute) {\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n @if (curaButtonOutlineColor) {\n <cura-button-outline\n rdsitelink\n [href]=\"returnRoute\"\n size=\"medium\"\n type=\"button\"\n [color]=\"curaButtonOutlineColor\"\n icon-name=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel }}\n </cura-button-outline>\n }\n }\n }\n\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n @if (ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n <rdsite-cta-wrapper [ctas]=\"ctas\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n }\n </div>\n</div>\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"] }]
|
|
19061
|
+
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"] }]
|
|
19055
19062
|
}], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
|
|
19056
19063
|
type: Inject,
|
|
19057
19064
|
args: [PLATFORM_ID]
|
|
@@ -19089,11 +19096,11 @@ class PageHeaderComponent {
|
|
|
19089
19096
|
this.bgColor = 'primary-base';
|
|
19090
19097
|
}
|
|
19091
19098
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19092
|
-
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 }\">\n <div class=\"page-header-content\">\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;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"] }] }); }
|
|
19099
|
+
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\">\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"] }] }); }
|
|
19093
19100
|
}
|
|
19094
19101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
19095
19102
|
type: Component,
|
|
19096
|
-
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\">\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;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"] }]
|
|
19103
|
+
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\">\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"] }]
|
|
19097
19104
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { pageTitle: [{
|
|
19098
19105
|
type: Input
|
|
19099
19106
|
}], pageHeaderText: [{
|
|
@@ -19229,11 +19236,11 @@ class FilterPlanosConveniosComponent {
|
|
|
19229
19236
|
});
|
|
19230
19237
|
}
|
|
19231
19238
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19232
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: "withContainerStyle", isLoading: "isLoading", emitOnChange: "emitOnChange", initialEstado: "initialEstado", estados: "estados", coberturas: "coberturas" }, outputs: { filterChange: "filterChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\n @if (!isLoading) {\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\n\n <div class=\"filter-planos-convenios-unidade\">\n <cura-input-text\n placeholder=\"Nome da unidade\"\n name=\"unidade-input\"\n icon-name=\"search\"\n autocomplete=\"off\"\n [attr.value]=\"unidadeControl.value\"\n (valueChange)=\"inputTextChange($event)\"\n ></cura-input-text>\n </div>\n\n <div class=\"filter-planos-convenios-estado\">\n @if (estados) {\n <cura-select\n label=\"Selecione o estado\"\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n mode=\"default\"\n size=\"medium\"\n status=\"default\"\n [attr.value]=\"estadoControl.value\"\n (selected)=\"selectChange($event)\"\n >\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n @for (estado of estados || []; track estado?.value) {\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n }\n </cura-select>\n }\n </div>\n\n <div class=\"filter-planos-convenios-cobertura\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\n Filtre pela cobertura do seu plano\n </cura-heading>\n </div>\n\n <div class=\"filter-planos-convenios-content\">\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n </cura-paragraph>\n </div>\n\n <div class=\"filter-planos-convenios-checkboxes\">\n @for (option of coberturas || []; track option?.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n [attr.name]=\"option?.label\"\n [attr.label]=\"option?.label\"\n [attr.value]=\"option?.value\"\n [attr.checked]=\"option?.checked\"\n (onchange)=\"checkboxChange($event)\"\n >\n </cura-checkbox>\n }\n </div>\n\n <div class=\"filter-planos-convenios-buttons\">\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\n <span> Limpar todos os filtros </span>\n </cura-button-transparent>\n\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n </div>\n } @else {\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
19239
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: "withContainerStyle", isLoading: "isLoading", emitOnChange: "emitOnChange", initialEstado: "initialEstado", estados: "estados", coberturas: "coberturas" }, outputs: { filterChange: "filterChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\r\n @if (!isLoading) {\r\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\r\n\r\n <div class=\"filter-planos-convenios-unidade\">\r\n <cura-input-text\r\n placeholder=\"Nome da unidade\"\r\n name=\"unidade-input\"\r\n icon-name=\"search\"\r\n autocomplete=\"off\"\r\n [attr.value]=\"unidadeControl.value\"\r\n (valueChange)=\"inputTextChange($event)\"\r\n ></cura-input-text>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-estado\">\r\n @if (estados) {\r\n <cura-select\r\n label=\"Selecione o estado\"\r\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\r\n mode=\"default\"\r\n size=\"medium\"\r\n status=\"default\"\r\n [attr.value]=\"estadoControl.value\"\r\n (selected)=\"selectChange($event)\"\r\n >\r\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\r\n\r\n @for (estado of estados || []; track estado?.value) {\r\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-cobertura\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n Filtre pela cobertura do seu plano\r\n </cura-heading>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-content\">\r\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\r\n </cura-paragraph>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-checkboxes\">\r\n @for (option of coberturas || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"checkboxChange($event)\"\r\n >\r\n </cura-checkbox>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-buttons\">\r\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\r\n <span> Limpar todos os filtros </span>\r\n </cura-button-transparent>\r\n\r\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\r\n </div>\r\n } @else {\r\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\r\n }\r\n</div>\r\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
19233
19240
|
}
|
|
19234
19241
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
|
|
19235
19242
|
type: Component,
|
|
19236
|
-
args: [{ selector: 'rdsite-filter-planos-convenios', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\n @if (!isLoading) {\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\n\n <div class=\"filter-planos-convenios-unidade\">\n <cura-input-text\n placeholder=\"Nome da unidade\"\n name=\"unidade-input\"\n icon-name=\"search\"\n autocomplete=\"off\"\n [attr.value]=\"unidadeControl.value\"\n (valueChange)=\"inputTextChange($event)\"\n ></cura-input-text>\n </div>\n\n <div class=\"filter-planos-convenios-estado\">\n @if (estados) {\n <cura-select\n label=\"Selecione o estado\"\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n mode=\"default\"\n size=\"medium\"\n status=\"default\"\n [attr.value]=\"estadoControl.value\"\n (selected)=\"selectChange($event)\"\n >\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n @for (estado of estados || []; track estado?.value) {\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n }\n </cura-select>\n }\n </div>\n\n <div class=\"filter-planos-convenios-cobertura\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\n Filtre pela cobertura do seu plano\n </cura-heading>\n </div>\n\n <div class=\"filter-planos-convenios-content\">\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n </cura-paragraph>\n </div>\n\n <div class=\"filter-planos-convenios-checkboxes\">\n @for (option of coberturas || []; track option?.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n [attr.name]=\"option?.label\"\n [attr.label]=\"option?.label\"\n [attr.value]=\"option?.value\"\n [attr.checked]=\"option?.checked\"\n (onchange)=\"checkboxChange($event)\"\n >\n </cura-checkbox>\n }\n </div>\n\n <div class=\"filter-planos-convenios-buttons\">\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\n <span> Limpar todos os filtros </span>\n </cura-button-transparent>\n\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n </div>\n } @else {\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"] }]
|
|
19243
|
+
args: [{ selector: 'rdsite-filter-planos-convenios', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\r\n @if (!isLoading) {\r\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\r\n\r\n <div class=\"filter-planos-convenios-unidade\">\r\n <cura-input-text\r\n placeholder=\"Nome da unidade\"\r\n name=\"unidade-input\"\r\n icon-name=\"search\"\r\n autocomplete=\"off\"\r\n [attr.value]=\"unidadeControl.value\"\r\n (valueChange)=\"inputTextChange($event)\"\r\n ></cura-input-text>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-estado\">\r\n @if (estados) {\r\n <cura-select\r\n label=\"Selecione o estado\"\r\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\r\n mode=\"default\"\r\n size=\"medium\"\r\n status=\"default\"\r\n [attr.value]=\"estadoControl.value\"\r\n (selected)=\"selectChange($event)\"\r\n >\r\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\r\n\r\n @for (estado of estados || []; track estado?.value) {\r\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-cobertura\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n Filtre pela cobertura do seu plano\r\n </cura-heading>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-content\">\r\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\r\n </cura-paragraph>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-checkboxes\">\r\n @for (option of coberturas || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"checkboxChange($event)\"\r\n >\r\n </cura-checkbox>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-buttons\">\r\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\r\n <span> Limpar todos os filtros </span>\r\n </cura-button-transparent>\r\n\r\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\r\n </div>\r\n } @else {\r\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\r\n }\r\n</div>\r\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"] }]
|
|
19237
19244
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { filterChange: [{
|
|
19238
19245
|
type: Output
|
|
19239
19246
|
}], withContainerStyle: [{
|
|
@@ -19266,11 +19273,11 @@ class FilterLetterAndTermsComponent {
|
|
|
19266
19273
|
this.optionSelected.emit(option);
|
|
19267
19274
|
}
|
|
19268
19275
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19269
|
-
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\">\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 === ''\"\n [attr.href]=\"baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </cura-button>\n\n @for (option of options; track option) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"neutral-dark\"\n background=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === option\"\n [attr.href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </cura-button>\n }\n</div>\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{max-width:95vw;flex-wrap:nowrap;overflow-x:scroll;padding-right:5vw}}\n"] }); }
|
|
19276
|
+
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{max-width:95vw;flex-wrap:nowrap;overflow-x:scroll;padding-right:5vw}}\n"] }); }
|
|
19270
19277
|
}
|
|
19271
19278
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
19272
19279
|
type: Component,
|
|
19273
|
-
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 === ''\"\n [attr.href]=\"baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </cura-button>\n\n @for (option of options; track option) {\n <cura-button\n size=\"small\"\n type=\"button\"\n color=\"neutral-dark\"\n background=\"dark\"\n target=\"_self\"\n text-align=\"center\"\n justify=\"true\"\n class=\"filter-btn\"\n [class.active]=\"selectedOption === option\"\n [attr.href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </cura-button>\n }\n</div>\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{max-width:95vw;flex-wrap:nowrap;overflow-x:scroll;padding-right:5vw}}\n"] }]
|
|
19280
|
+
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{max-width:95vw;flex-wrap:nowrap;overflow-x:scroll;padding-right:5vw}}\n"] }]
|
|
19274
19281
|
}], propDecorators: { options: [{
|
|
19275
19282
|
type: Input
|
|
19276
19283
|
}], baseUrl: [{
|
|
@@ -19432,11 +19439,11 @@ class SectionNavigationComponent {
|
|
|
19432
19439
|
}
|
|
19433
19440
|
}
|
|
19434
19441
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19435
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, static: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul #navigationMenu class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n @if (section.title) {\n <li role=\"none\">\n <a\n target=\"_self\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n (click)=\"$event.preventDefault(); onSectionClick(section)\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n [ngClass]=\"{ active: activeSection() === section.id }\"\n >\n {{ section.title }}\n </a>\n </li>\n }\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}.rdsite-section-navigation-menu li>a{text-decoration:none;padding:12px 8px;font-size:var(--font-size);font-weight:var(--font-weight-active);color:var(--color-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu li>a{max-width:135px}}.rdsite-section-navigation-menu li>a.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base);color:var(--color-active-text)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
19442
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, static: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul #navigationMenu class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n @if (section.title) {\r\n <li role=\"none\">\r\n <a\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [href]=\"'#' + section.id\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n (click)=\"$event.preventDefault(); onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n [ngClass]=\"{ active: activeSection() === section.id }\"\r\n >\r\n {{ section.title }}\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}.rdsite-section-navigation-menu li>a{text-decoration:none;padding:12px 8px;font-size:var(--font-size);font-weight:var(--font-weight-active);color:var(--color-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu li>a{max-width:135px}}.rdsite-section-navigation-menu li>a.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base);color:var(--color-active-text)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
19436
19443
|
}
|
|
19437
19444
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
19438
19445
|
type: Component,
|
|
19439
|
-
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul #navigationMenu class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n @for (section of sections(); track section.id) {\n @if (section.title) {\n <li role=\"none\">\n <a\n target=\"_self\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n (click)=\"$event.preventDefault(); onSectionClick(section)\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n [ngClass]=\"{ active: activeSection() === section.id }\"\n >\n {{ section.title }}\n </a>\n </li>\n }\n }\n </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}.rdsite-section-navigation-menu li>a{text-decoration:none;padding:12px 8px;font-size:var(--font-size);font-weight:var(--font-weight-active);color:var(--color-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu li>a{max-width:135px}}.rdsite-section-navigation-menu li>a.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base);color:var(--color-active-text)}\n"] }]
|
|
19446
|
+
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul #navigationMenu class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n @if (section.title) {\r\n <li role=\"none\">\r\n <a\r\n target=\"_self\"\r\n role=\"menuitem\"\r\n [href]=\"'#' + section.id\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n (click)=\"$event.preventDefault(); onSectionClick(section)\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n [ngClass]=\"{ active: activeSection() === section.id }\"\r\n >\r\n {{ section.title }}\r\n </a>\r\n </li>\r\n }\r\n }\r\n </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}.rdsite-section-navigation-menu li>a{text-decoration:none;padding:12px 8px;font-size:var(--font-size);font-weight:var(--font-weight-active);color:var(--color-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu li>a{max-width:135px}}.rdsite-section-navigation-menu li>a.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base);color:var(--color-active-text)}\n"] }]
|
|
19440
19447
|
}], ctorParameters: () => [], propDecorators: { onWindowResize: [{
|
|
19441
19448
|
type: HostListener,
|
|
19442
19449
|
args: ['window:resize']
|
|
@@ -19486,11 +19493,11 @@ class ImageComponent {
|
|
|
19486
19493
|
this.imageDefaultSrc = this.libConfig.fallbackImgSrc || '';
|
|
19487
19494
|
}
|
|
19488
19495
|
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 }); }
|
|
19489
|
-
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\">\n @if (imageWebpSrc) {\n <source [srcset]=\"imageWebpSrc\" [type]=\"mimeType\" />\n }\n @for (image of imageSizes; track image.source_url) {\n <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n }\n <img [src]=\"imageDefaultSrc\" [alt]=\"alt\" [title]=\"title\" [attr.loading]=\"loading\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [".rdsite-image{display:block}.rdsite-image img{max-width:100%;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19496
|
+
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 }] }); }
|
|
19490
19497
|
}
|
|
19491
19498
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
19492
19499
|
type: Component,
|
|
19493
|
-
args: [{ selector: 'rdsite-image', standalone: true, imports: [CommonModule], template: "<picture class=\"rdsite-image\">\n @if (imageWebpSrc) {\n <source [srcset]=\"imageWebpSrc\" [type]=\"mimeType\" />\n }\n @for (image of imageSizes; track image.source_url) {\n <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n }\n <img [src]=\"imageDefaultSrc\" [alt]=\"alt\" [title]=\"title\" [attr.loading]=\"loading\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [".rdsite-image{display:block}.rdsite-image img{max-width:100%;height:auto}\n"] }]
|
|
19500
|
+
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"] }]
|
|
19494
19501
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
19495
19502
|
type: Inject,
|
|
19496
19503
|
args: [LIB_CONFIG]
|
|
@@ -19533,11 +19540,11 @@ class CardUnidadePlanosConveniosComponent {
|
|
|
19533
19540
|
};
|
|
19534
19541
|
}
|
|
19535
19542
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19536
|
-
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\">\n <rdsite-image\n class=\"rdsite-card-unidade-planos-convenios-logo\"\n [imageWebpSrc]=\"logoWebpSrc\"\n [imageDefaultSrc]=\"logoDefaultSrc\"\n [imageSizes]=\"logoSizes\"\n [mimeType]=\"logoMimeType\"\n [alt]=\"logoAlt\"\n [title]=\"logoTitle\"\n loading=\"lazy\"\n ></rdsite-image>\n\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\n <div class=\"heading\">\n @if (title) {\n <cura-heading size=\"small\" level=\"2\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"150%\">\n {{ title }}\n </cura-heading>\n }\n\n @if (subtitle) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ subtitle }}\n </span>\n </cura-paragraph>\n }\n </div>\n\n @if (coverage) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ coverage.title }}\n </span>\n </cura-paragraph>\n\n @if (coverage.list?.length) {\n <div class=\"coverage-list\">\n @for (item of coverage.list; track item.title) {\n <cura-badge-pill type=\"solid\" color=\"success\" [attr.disabled]=\"!item.isCovered\" [attr.icon-name]=\"item.isCovered ? 'check' : 'close'\">\n {{ item.title }}\n </cura-badge-pill>\n }\n </div>\n }\n }\n\n @if (address) {\n <div class=\"address\">\n <cura-icon name=\"geotag\" color=\"neutral-dark\" size=\"20\"></cura-icon>\n\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\"> {{ address }} \u2022 </span>\n <a rdsitelink href=\"https://www.google.com/maps?q={{ address }}\">Mapa</a>\n </cura-paragraph>\n </div>\n }\n </div>\n\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\n @if (cta1 && cta1.label && cta1.link) {\n <cura-button-outline type=\"button\" size=\"large\" color=\"primary\" rdsitelink [href]=\"cta1.link\">\n {{ cta1.label }}\n </cura-button-outline>\n }\n\n @if (cta2 && cta2.label && cta2.link) {\n <cura-button type=\"button\" size=\"large\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\n {{ cta2.label }}\n </cura-button>\n }\n </div>\n</div>\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 ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:100%}.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 .address a{color:var(--color-base);font-weight:500}.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"] }] }); }
|
|
19543
|
+
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\"> {{ address }} \u2022 </span>\r\n <a rdsitelink href=\"https://www.google.com/maps?q={{ address }}\">Mapa</a>\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 ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:100%}.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 .address a{color:var(--color-base);font-weight:500}.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"] }] }); }
|
|
19537
19544
|
}
|
|
19538
19545
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, decorators: [{
|
|
19539
19546
|
type: Component,
|
|
19540
|
-
args: [{ selector: 'rdsite-card-unidade-planos-convenios', standalone: true, imports: [ImageComponent, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-card-unidade-planos-convenios\">\n <rdsite-image\n class=\"rdsite-card-unidade-planos-convenios-logo\"\n [imageWebpSrc]=\"logoWebpSrc\"\n [imageDefaultSrc]=\"logoDefaultSrc\"\n [imageSizes]=\"logoSizes\"\n [mimeType]=\"logoMimeType\"\n [alt]=\"logoAlt\"\n [title]=\"logoTitle\"\n loading=\"lazy\"\n ></rdsite-image>\n\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\n <div class=\"heading\">\n @if (title) {\n <cura-heading size=\"small\" level=\"2\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"150%\">\n {{ title }}\n </cura-heading>\n }\n\n @if (subtitle) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ subtitle }}\n </span>\n </cura-paragraph>\n }\n </div>\n\n @if (coverage) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ coverage.title }}\n </span>\n </cura-paragraph>\n\n @if (coverage.list?.length) {\n <div class=\"coverage-list\">\n @for (item of coverage.list; track item.title) {\n <cura-badge-pill type=\"solid\" color=\"success\" [attr.disabled]=\"!item.isCovered\" [attr.icon-name]=\"item.isCovered ? 'check' : 'close'\">\n {{ item.title }}\n </cura-badge-pill>\n }\n </div>\n }\n }\n\n @if (address) {\n <div class=\"address\">\n <cura-icon name=\"geotag\" color=\"neutral-dark\" size=\"20\"></cura-icon>\n\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\"> {{ address }} \u2022 </span>\n <a rdsitelink href=\"https://www.google.com/maps?q={{ address }}\">Mapa</a>\n </cura-paragraph>\n </div>\n }\n </div>\n\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\n @if (cta1 && cta1.label && cta1.link) {\n <cura-button-outline type=\"button\" size=\"large\" color=\"primary\" rdsitelink [href]=\"cta1.link\">\n {{ cta1.label }}\n </cura-button-outline>\n }\n\n @if (cta2 && cta2.label && cta2.link) {\n <cura-button type=\"button\" size=\"large\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\n {{ cta2.label }}\n </cura-button>\n }\n </div>\n</div>\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 ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:100%}.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 .address a{color:var(--color-base);font-weight:500}.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"] }]
|
|
19547
|
+
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\"> {{ address }} \u2022 </span>\r\n <a rdsitelink href=\"https://www.google.com/maps?q={{ address }}\">Mapa</a>\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 ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:100%}.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 .address a{color:var(--color-base);font-weight:500}.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"] }]
|
|
19541
19548
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { title: [{
|
|
19542
19549
|
type: Input
|
|
19543
19550
|
}], subtitle: [{
|
|
@@ -19597,11 +19604,11 @@ class ExpandableCardComponent {
|
|
|
19597
19604
|
this.classes = this.disabled ? ['disabled'] : [];
|
|
19598
19605
|
}
|
|
19599
19606
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19600
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: "opened", label: "label", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", url: "url", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\n @if (url) {\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\n {{ label }}\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\n </a>\n } @else {\n <h4 class=\"card-label\">{{ label }}</h4>\n }\n\n @if (badgeLabel) {\n <cura-badge-pill type=\"solid\" color=\"primary\">\n {{ badgeLabel }}\n </cura-badge-pill>\n }\n\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\n</div>\n\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-dark);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\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"] }] }); }
|
|
19607
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: "opened", label: "label", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", url: "url", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-dark);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\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"] }] }); }
|
|
19601
19608
|
}
|
|
19602
19609
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
19603
19610
|
type: Component,
|
|
19604
|
-
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\n @if (url) {\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\n {{ label }}\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\n </a>\n } @else {\n <h4 class=\"card-label\">{{ label }}</h4>\n }\n\n @if (badgeLabel) {\n <cura-badge-pill type=\"solid\" color=\"primary\">\n {{ badgeLabel }}\n </cura-badge-pill>\n }\n\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\n</div>\n\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-dark);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
|
|
19611
|
+
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (url) {\r\n <a rdsitelink class=\"card-label-link\" [href]=\"url\">\r\n {{ label }}\r\n <cura-icon name=\"linkExternal\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n } @else {\r\n <h4 class=\"card-label\">{{ label }}</h4>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n</div>\r\n\r\n<div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n</div>\r\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"label . icon\" \"badge . icon\";align-items:center;row-gap:12px;width:100%;height:auto;padding:20px;cursor:pointer}@media screen and (min-width: 1024px){:host .card-header{grid-template-columns:auto 1fr auto auto;grid-template-areas:\"label . badge icon\"}}:host .card-header .card-label,:host .card-header .card-label-link{grid-area:label;color:var(--color-one-dark);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.48px}:host .card-header .card-label-link{display:flex;justify-content:flex-start;align-items:center;gap:8px;text-decoration-line:underline}:host .card-header cura-badge-pill{grid-area:badge}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"label . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
|
|
19605
19612
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { opened: [{
|
|
19606
19613
|
type: Input
|
|
19607
19614
|
}], label: [{
|
|
@@ -19638,11 +19645,11 @@ class ContentBannerComponent {
|
|
|
19638
19645
|
this.content = null;
|
|
19639
19646
|
}
|
|
19640
19647
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19641
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\n {{ content?.title }}\n </cura-heading>\n}\n\n@if (content?.text) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\n {{ content?.text }}\n </cura-paragraph>\n}\n\n@if (content?.info?.length) {\n <div class=\"info\" data-testid=\"_content-banner-info\">\n @for (item of content?.info || []; track $index) {\n @if (item.text) {\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\n @if (item.icon) {\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n }\n {{ item.text }}\n </a>\n }\n }\n </div>\n}\n\n@if (content?.cta?.text && content?.cta?.link) {\n <cura-button size=\"large\" type=\"button\" color=\"accent\" [attr.icon-name]=\"content?.cta?.icon || ''\" [href]=\"content?.cta?.link\" target=\"_self\">\n {{ content?.cta?.text }}\n </cura-button>\n}\n\n@if (content?.image) {\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_sizes\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\n </rdsite-image>\n}\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\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"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
|
|
19648
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button size=\"large\" type=\"button\" color=\"accent\" [attr.icon-name]=\"content?.cta?.icon || ''\" [href]=\"content?.cta?.link\" target=\"_self\">\r\n {{ content?.cta?.text }}\r\n </cura-button>\r\n}\r\n\r\n@if (content?.image) {\r\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_sizes\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\r\n </rdsite-image>\r\n}\r\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\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"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
|
|
19642
19649
|
}
|
|
19643
19650
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, decorators: [{
|
|
19644
19651
|
type: Component,
|
|
19645
|
-
args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\n {{ content?.title }}\n </cura-heading>\n}\n\n@if (content?.text) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\n {{ content?.text }}\n </cura-paragraph>\n}\n\n@if (content?.info?.length) {\n <div class=\"info\" data-testid=\"_content-banner-info\">\n @for (item of content?.info || []; track $index) {\n @if (item.text) {\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\n @if (item.icon) {\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n }\n {{ item.text }}\n </a>\n }\n }\n </div>\n}\n\n@if (content?.cta?.text && content?.cta?.link) {\n <cura-button size=\"large\" type=\"button\" color=\"accent\" [attr.icon-name]=\"content?.cta?.icon || ''\" [href]=\"content?.cta?.link\" target=\"_self\">\n {{ content?.cta?.text }}\n </cura-button>\n}\n\n@if (content?.image) {\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_sizes\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\n </rdsite-image>\n}\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"] }]
|
|
19652
|
+
args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button size=\"large\" type=\"button\" color=\"accent\" [attr.icon-name]=\"content?.cta?.icon || ''\" [href]=\"content?.cta?.link\" target=\"_self\">\r\n {{ content?.cta?.text }}\r\n </cura-button>\r\n}\r\n\r\n@if (content?.image) {\r\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_sizes\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\r\n </rdsite-image>\r\n}\r\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"] }]
|
|
19646
19653
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { content: [{
|
|
19647
19654
|
type: Input
|
|
19648
19655
|
}], styleBinding: [{
|