@rededor/site-front-end-lib 1.0.34 → 1.0.36
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 +114 -114
- package/esm2022/lib/components/algolia/algolia.component.mjs +3 -3
- package/esm2022/lib/components/banner/content-banner/content-banner.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +4 -3
- package/esm2022/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.mjs +3 -3
- package/esm2022/lib/components/cards/expandable-card/expandable-card.component.mjs +3 -3
- package/esm2022/lib/components/cards/testimonial-card/testimonial-card.component.mjs +3 -3
- package/esm2022/lib/components/carousels/testimonials-carousel/testimonials-carousel.component.mjs +3 -3
- package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +3 -3
- package/esm2022/lib/components/error/error-service/error.service.mjs +1 -1
- package/esm2022/lib/components/error/error.component.mjs +3 -3
- package/esm2022/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs +23 -7
- package/esm2022/lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-disclaimer/footer-disclaimer.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-menu/footer-menu.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-menu-item/footer-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-social-medias/footer-social-medias.component.mjs +3 -3
- package/esm2022/lib/components/footer/footer.component.mjs +3 -3
- package/esm2022/lib/components/footer/helpers/footerTheme.func.mjs +1 -1
- package/esm2022/lib/components/footer/models/FooterTheme.model.mjs +1 -1
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu/header-aux-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-container/header-aux-menu-container.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-logo/header-logo.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu/header-main-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu/header-side-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/header.component.mjs +3 -3
- package/esm2022/lib/components/header/helpers/headerTheme.func.mjs +1 -1
- package/esm2022/lib/components/header/models/HeaderTheme.model.mjs +1 -1
- package/esm2022/lib/components/header/services/header.service.mjs +1 -1
- package/esm2022/lib/components/image/image.component.mjs +3 -3
- package/esm2022/lib/components/index.mjs +1 -1
- package/esm2022/lib/components/load-screen/load-screen.component.mjs +3 -3
- package/esm2022/lib/components/overlay/overlay.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.component.mjs +5 -3
- package/esm2022/lib/components/pagination/pagination.component.mjs +3 -3
- package/esm2022/lib/components/search/search.component.mjs +3 -3
- package/esm2022/lib/components/section-navigation/section-navigation.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/models/SideCta.model.mjs +1 -1
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +3 -3
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +3 -3
- package/esm2022/lib/directives/index.mjs +1 -1
- package/esm2022/lib/directives/rdsite-click-outside/rdsite-click-outside.directive.mjs +1 -1
- package/esm2022/lib/directives/rdsite-link/rdsite-link.directive.mjs +1 -1
- package/esm2022/lib/directives/rdsite-phone-modal/rdsite-phone-modal.directive.mjs +1 -1
- package/esm2022/lib/enums/EnumDoencaTaxonomy.enum.mjs +1 -1
- package/esm2022/lib/enums/EnumError.enum.mjs +1 -1
- package/esm2022/lib/enums/EnumThemes.enum.mjs +1 -1
- package/esm2022/lib/enums/Estados.enum.mjs +1 -1
- package/esm2022/lib/enums/IconCuraDefaultType.enum.mjs +1 -1
- package/esm2022/lib/enums/ImageMimeType.enum.mjs +1 -1
- package/esm2022/lib/enums/RdsiteModalComponentStyle.enum.mjs +1 -1
- package/esm2022/lib/enums/RdsiteModalDrawerComponentStyle.enum.mjs +1 -1
- package/esm2022/lib/enums/UnidadeCoverageType.enum.mjs +1 -1
- package/esm2022/lib/enums/index.mjs +1 -1
- package/esm2022/lib/helpers/check-safari-agent.func.mjs +1 -1
- package/esm2022/lib/helpers/formatPhone.func.mjs +1 -1
- package/esm2022/lib/helpers/getSiteUrl.func.mjs +1 -1
- package/esm2022/lib/helpers/index.mjs +1 -1
- package/esm2022/lib/helpers/mediaQueries.mjs +1 -1
- package/esm2022/lib/helpers/removeDuplicateObjectsFromArray.func.mjs +1 -1
- package/esm2022/lib/helpers/removeDuplicateValuesFromArray.func.mjs +1 -1
- package/esm2022/lib/helpers/removeHtmlTags.func.mjs +1 -1
- package/esm2022/lib/helpers/toQueryParams.func.mjs +1 -1
- package/esm2022/lib/models/algolia-search-api.model.mjs +1 -1
- package/esm2022/lib/models/algolia.model.mjs +1 -1
- package/esm2022/lib/models/breadcrumbs/breadcrumbs-items.model.mjs +1 -1
- package/esm2022/lib/models/breadcrumbs/breadcrumbs-json-item.model.mjs +1 -1
- package/esm2022/lib/models/centro-estudos-backend.model.mjs +1 -1
- package/esm2022/lib/models/content-banner.model.mjs +1 -1
- package/esm2022/lib/models/cta-wrapper.model.mjs +1 -1
- package/esm2022/lib/models/doenca-backend.model.mjs +1 -1
- package/esm2022/lib/models/doenca-taxonomy.model.mjs +1 -1
- package/esm2022/lib/models/especialidade-backend.model.mjs +1 -1
- package/esm2022/lib/models/exame-backend.model.mjs +1 -1
- package/esm2022/lib/models/filters/filter-planos-convenios.model.mjs +1 -1
- package/esm2022/lib/models/images/rdsite-image.model.mjs +1 -1
- package/esm2022/lib/models/medico-cv.model.mjs +1 -1
- package/esm2022/lib/models/menu-de-unidade.model.mjs +1 -1
- package/esm2022/lib/models/menu-item.model.mjs +1 -1
- package/esm2022/lib/models/privacy-tools/privacy-tools.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-cobertura.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-convenio.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-especialidade.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-planos.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-post-category.model.mjs +1 -1
- package/esm2022/lib/models/rdsl-unidade.model.mjs +1 -1
- package/esm2022/lib/models/section-navigation.model.mjs +1 -1
- package/esm2022/lib/models/seo/seo-data.model.mjs +1 -1
- package/esm2022/lib/models/seo/seo-unidade.model.mjs +1 -1
- package/esm2022/lib/models/social-meta-properties.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/WpResponse.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/category/wpCategory.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/content.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/excerpt.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/featuredMedia.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/guid.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/index.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/links.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/meta.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/title.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/yoastData.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/yoastHeadJson.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/general/yoastMeta.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/page/page.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/post/post.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-onco.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site-detalhe.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site.model.mjs +1 -1
- package/esm2022/lib/pipes/index.mjs +1 -1
- package/esm2022/lib/pipes/phone/phone.pipe.mjs +1 -1
- package/esm2022/lib/services/algolia/algolia.service.mjs +1 -1
- package/esm2022/lib/services/algolia-search-api/algolia-search-api.service.mjs +1 -1
- package/esm2022/lib/services/cura/cura.service.mjs +1 -1
- package/esm2022/lib/services/http-client/http-client.service.mjs +1 -1
- package/esm2022/lib/services/index.mjs +1 -1
- package/esm2022/lib/services/log/log.service.mjs +1 -1
- package/esm2022/lib/services/modal/modal.service.mjs +1 -1
- package/esm2022/lib/services/modal-drawer/modal-drawer.service.mjs +1 -1
- package/esm2022/lib/services/ngu-carousel/ngu-carousel.service.mjs +1 -1
- package/esm2022/lib/services/phone/phone.service.mjs +1 -1
- package/esm2022/lib/services/privacy-tools/privacy-tools.service.mjs +1 -1
- package/esm2022/lib/services/seo/seo.service.mjs +9 -5
- package/esm2022/lib/services/server-response/server-response.service.mjs +1 -1
- package/esm2022/lib/services/site-back-end/site-back-end.service.mjs +1 -1
- package/esm2022/lib/services/ssr-loading/ssr-loading.service.mjs +1 -1
- package/esm2022/lib/services/transfer-state/transfer-state.service.mjs +1 -1
- package/esm2022/lib/services/youtube/youtube.service.mjs +1 -1
- package/esm2022/lib/tokens/CuraApi.mjs +1 -1
- package/esm2022/lib/tokens/LibConfig.mjs +1 -1
- package/esm2022/lib/tokens/express.tokens.mjs +1 -1
- package/esm2022/public-api.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib.mjs +112 -90
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.d.ts +12 -0
- package/lib/components/page-header/page-header.component.d.ts +2 -0
- package/lib/services/seo/seo.service.d.ts +1 -1
- 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, ViewChildren, input, 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';
|
|
@@ -16380,7 +16380,7 @@ class SeoService {
|
|
|
16380
16380
|
this.unidadeName = '';
|
|
16381
16381
|
this.unidadePath = '';
|
|
16382
16382
|
this.unidadeSlug = '';
|
|
16383
|
-
this.customJsonType =
|
|
16383
|
+
this.customJsonType = [];
|
|
16384
16384
|
}
|
|
16385
16385
|
setFullSeo(data) {
|
|
16386
16386
|
this.setTitle(data.title.text, !!data.title.sub);
|
|
@@ -16637,9 +16637,13 @@ class SeoService {
|
|
|
16637
16637
|
/** Define JSON para SEO somente quando no servidor */
|
|
16638
16638
|
setPageJson() {
|
|
16639
16639
|
this.jsonTag = this.getJSONTag();
|
|
16640
|
-
const
|
|
16641
|
-
this.customJsonType
|
|
16642
|
-
|
|
16640
|
+
const baseGraph = [this.getOrgJson(), this.getWebsiteJson(), this.getWebpageJson()];
|
|
16641
|
+
const extendedGraph = this.customJsonType.length ? [...baseGraph, ...this.customJsonType] : baseGraph;
|
|
16642
|
+
this.customJsonType = [];
|
|
16643
|
+
const json = {
|
|
16644
|
+
'@context': 'http://schema.org',
|
|
16645
|
+
'@graph': extendedGraph,
|
|
16646
|
+
};
|
|
16643
16647
|
this.jsonTag.innerHTML = JSON.stringify(json);
|
|
16644
16648
|
return this;
|
|
16645
16649
|
}
|
|
@@ -17186,11 +17190,11 @@ class FooterDisclaimerComponent {
|
|
|
17186
17190
|
this.footerCookieClick.emit(event);
|
|
17187
17191
|
}
|
|
17188
17192
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterDisclaimerComponent, deps: [{ token: PrivacyToolsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17189
|
-
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"] }); }
|
|
17193
|
+
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"] }); }
|
|
17190
17194
|
}
|
|
17191
17195
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterDisclaimerComponent, decorators: [{
|
|
17192
17196
|
type: Component,
|
|
17193
|
-
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"] }]
|
|
17197
|
+
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"] }]
|
|
17194
17198
|
}], ctorParameters: () => [{ type: PrivacyToolsService }], propDecorators: { currentYear: [{
|
|
17195
17199
|
type: Input
|
|
17196
17200
|
}], disclaimerText: [{
|
|
@@ -17470,11 +17474,11 @@ class FooterMenuItemComponent {
|
|
|
17470
17474
|
this.footerMenuItemClick.emit(event);
|
|
17471
17475
|
}
|
|
17472
17476
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17473
|
-
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"] }] }); }
|
|
17477
|
+
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"] }] }); }
|
|
17474
17478
|
}
|
|
17475
17479
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuItemComponent, decorators: [{
|
|
17476
17480
|
type: Component,
|
|
17477
|
-
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"] }]
|
|
17481
|
+
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"] }]
|
|
17478
17482
|
}], propDecorators: { url: [{
|
|
17479
17483
|
type: Input
|
|
17480
17484
|
}], title: [{
|
|
@@ -17497,11 +17501,11 @@ class FooterMenuComponent {
|
|
|
17497
17501
|
this.footerMenuItemClick.emit(event);
|
|
17498
17502
|
}
|
|
17499
17503
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17500
|
-
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"] }] }); }
|
|
17504
|
+
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"] }] }); }
|
|
17501
17505
|
}
|
|
17502
17506
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterMenuComponent, decorators: [{
|
|
17503
17507
|
type: Component,
|
|
17504
|
-
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"] }]
|
|
17508
|
+
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"] }]
|
|
17505
17509
|
}], propDecorators: { footerMenu: [{
|
|
17506
17510
|
type: Input
|
|
17507
17511
|
}], partnerships: [{
|
|
@@ -17528,11 +17532,11 @@ class FooterSocialMediasComponent {
|
|
|
17528
17532
|
this.footerSocialMediaClick.emit(event);
|
|
17529
17533
|
}
|
|
17530
17534
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterSocialMediasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17531
|
-
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", logoWidth: "logoWidth" }, outputs: { footerSocialMediaClick: "footerSocialMediaClick" }, host: { properties: { "style": "this.styleBinding" } }, 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:var(--logo-width, 72px)}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:var(--logo-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"] }] }); }
|
|
17535
|
+
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", logoWidth: "logoWidth" }, outputs: { footerSocialMediaClick: "footerSocialMediaClick" }, host: { properties: { "style": "this.styleBinding" } }, 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:var(--logo-width, 72px)}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:var(--logo-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"] }] }); }
|
|
17532
17536
|
}
|
|
17533
17537
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterSocialMediasComponent, decorators: [{
|
|
17534
17538
|
type: Component,
|
|
17535
|
-
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:var(--logo-width, 72px)}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:var(--logo-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"] }]
|
|
17539
|
+
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:var(--logo-width, 72px)}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:var(--logo-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"] }]
|
|
17536
17540
|
}], propDecorators: { logo: [{
|
|
17537
17541
|
type: Input
|
|
17538
17542
|
}], partnershipLogo: [{
|
|
@@ -17650,11 +17654,11 @@ class FooterComponent {
|
|
|
17650
17654
|
return this.footerTheme[context];
|
|
17651
17655
|
}
|
|
17652
17656
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17653
|
-
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"] }] }); }
|
|
17657
|
+
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"] }] }); }
|
|
17654
17658
|
}
|
|
17655
17659
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
17656
17660
|
type: Component,
|
|
17657
|
-
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"] }]
|
|
17661
|
+
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"] }]
|
|
17658
17662
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { project: [{
|
|
17659
17663
|
type: Input
|
|
17660
17664
|
}], theme: [{
|
|
@@ -17803,11 +17807,11 @@ class OverlayComponent {
|
|
|
17803
17807
|
this.overlayClick.emit();
|
|
17804
17808
|
}
|
|
17805
17809
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17806
|
-
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"] }); }
|
|
17810
|
+
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"] }); }
|
|
17807
17811
|
}
|
|
17808
17812
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayComponent, decorators: [{
|
|
17809
17813
|
type: Component,
|
|
17810
|
-
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"] }]
|
|
17814
|
+
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"] }]
|
|
17811
17815
|
}], propDecorators: { overlayClick: [{
|
|
17812
17816
|
type: Output
|
|
17813
17817
|
}] } });
|
|
@@ -17906,11 +17910,11 @@ class SearchComponent {
|
|
|
17906
17910
|
this.controlSubscription?.unsubscribe();
|
|
17907
17911
|
}
|
|
17908
17912
|
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 }); }
|
|
17909
|
-
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"] }] }); }
|
|
17913
|
+
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"] }] }); }
|
|
17910
17914
|
}
|
|
17911
17915
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, decorators: [{
|
|
17912
17916
|
type: Component,
|
|
17913
|
-
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"] }]
|
|
17917
|
+
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"] }]
|
|
17914
17918
|
}], ctorParameters: () => [{ type: i2$1.DeviceDetectorService }, { type: CuraService }, { type: undefined, decorators: [{
|
|
17915
17919
|
type: Inject,
|
|
17916
17920
|
args: [PLATFORM_ID]
|
|
@@ -18005,11 +18009,11 @@ class HeaderComponent {
|
|
|
18005
18009
|
this.headerService.toggleShowSearch(false);
|
|
18006
18010
|
}
|
|
18007
18011
|
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 }); }
|
|
18008
|
-
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"] }] }); }
|
|
18012
|
+
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"] }] }); }
|
|
18009
18013
|
}
|
|
18010
18014
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
18011
18015
|
type: Component,
|
|
18012
|
-
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"] }]
|
|
18016
|
+
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"] }]
|
|
18013
18017
|
}], ctorParameters: () => [{ type: CuraService }, { type: HeaderService }, { type: Document, decorators: [{
|
|
18014
18018
|
type: Inject,
|
|
18015
18019
|
args: [DOCUMENT]
|
|
@@ -18037,11 +18041,11 @@ class HeaderActionMenuComponent {
|
|
|
18037
18041
|
this.headerLoginClick.emit(event);
|
|
18038
18042
|
}
|
|
18039
18043
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18040
|
-
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"] }] }); }
|
|
18044
|
+
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"] }] }); }
|
|
18041
18045
|
}
|
|
18042
18046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
18043
18047
|
type: Component,
|
|
18044
|
-
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"] }]
|
|
18048
|
+
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"] }]
|
|
18045
18049
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { loginUrl: [{
|
|
18046
18050
|
type: Input
|
|
18047
18051
|
}], showSearch: [{
|
|
@@ -18052,11 +18056,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18052
18056
|
|
|
18053
18057
|
class HeaderAuxMenuComponent {
|
|
18054
18058
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18055
|
-
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 }] }); }
|
|
18059
|
+
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 }] }); }
|
|
18056
18060
|
}
|
|
18057
18061
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, decorators: [{
|
|
18058
18062
|
type: Component,
|
|
18059
|
-
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"] }]
|
|
18063
|
+
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"] }]
|
|
18060
18064
|
}] });
|
|
18061
18065
|
|
|
18062
18066
|
class HeaderAuxMenuContainerComponent {
|
|
@@ -18064,11 +18068,11 @@ class HeaderAuxMenuContainerComponent {
|
|
|
18064
18068
|
this.onlyDesktop = false;
|
|
18065
18069
|
}
|
|
18066
18070
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18067
|
-
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 }] }); }
|
|
18071
|
+
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 }] }); }
|
|
18068
18072
|
}
|
|
18069
18073
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, decorators: [{
|
|
18070
18074
|
type: Component,
|
|
18071
|
-
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"] }]
|
|
18075
|
+
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"] }]
|
|
18072
18076
|
}], propDecorators: { onlyDesktop: [{
|
|
18073
18077
|
type: Input
|
|
18074
18078
|
}] } });
|
|
@@ -18082,11 +18086,11 @@ class HeaderAuxMenuItemDropdownComponent {
|
|
|
18082
18086
|
this.headerAuxMenuItemDDClick.emit(event);
|
|
18083
18087
|
}
|
|
18084
18088
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18085
|
-
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.title) {\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"] }] }); }
|
|
18089
|
+
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.title) {\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"] }] }); }
|
|
18086
18090
|
}
|
|
18087
18091
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
|
|
18088
18092
|
type: Component,
|
|
18089
|
-
args: [{ selector: 'rdsite-header-aux-menu-item-dropdown', standalone: true, imports: [RdsiteLinkDirective], template: "<ul class=\"dropdown-list\">\n @for (dropdownItem of items; track dropdownItem.title) {\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"] }]
|
|
18093
|
+
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.title) {\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"] }]
|
|
18090
18094
|
}], propDecorators: { items: [{
|
|
18091
18095
|
type: Input
|
|
18092
18096
|
}], headerAuxMenuItemDDClick: [{
|
|
@@ -18116,11 +18120,11 @@ class HeaderAuxMenuItemComponent {
|
|
|
18116
18120
|
this.isDropdownHover = value;
|
|
18117
18121
|
}
|
|
18118
18122
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18119
|
-
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"] }] }); }
|
|
18123
|
+
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"] }] }); }
|
|
18120
18124
|
}
|
|
18121
18125
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
18122
18126
|
type: Component,
|
|
18123
|
-
args: [{ selector: 'rdsite-header-aux-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, 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"] }]
|
|
18127
|
+
args: [{ selector: 'rdsite-header-aux-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, 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"] }]
|
|
18124
18128
|
}], propDecorators: { item: [{
|
|
18125
18129
|
type: Input
|
|
18126
18130
|
}], altStyle: [{
|
|
@@ -18145,11 +18149,11 @@ class HeaderLogoComponent {
|
|
|
18145
18149
|
this.headerLogoClick.emit(event);
|
|
18146
18150
|
}
|
|
18147
18151
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18148
|
-
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"] }] }); }
|
|
18152
|
+
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"] }] }); }
|
|
18149
18153
|
}
|
|
18150
18154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
18151
18155
|
type: Component,
|
|
18152
|
-
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"] }]
|
|
18156
|
+
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"] }]
|
|
18153
18157
|
}], propDecorators: { href: [{
|
|
18154
18158
|
type: Input
|
|
18155
18159
|
}], title: [{
|
|
@@ -18164,11 +18168,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18164
18168
|
|
|
18165
18169
|
class HeaderMainMenuComponent {
|
|
18166
18170
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18167
|
-
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"] }); }
|
|
18171
|
+
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"] }); }
|
|
18168
18172
|
}
|
|
18169
18173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, decorators: [{
|
|
18170
18174
|
type: Component,
|
|
18171
|
-
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"] }]
|
|
18175
|
+
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"] }]
|
|
18172
18176
|
}] });
|
|
18173
18177
|
|
|
18174
18178
|
class HeaderMainMenuItemDropdownComponent {
|
|
@@ -18238,11 +18242,11 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
18238
18242
|
this.headerMainMenuCtaDDClick.emit(event);
|
|
18239
18243
|
}
|
|
18240
18244
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18241
|
-
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.title) {\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.title) {\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.title) {\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"] }] }); }
|
|
18245
|
+
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.title) {\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.title) {\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.title) {\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"] }] }); }
|
|
18242
18246
|
}
|
|
18243
18247
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
18244
18248
|
type: Component,
|
|
18245
|
-
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.title) {\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.title) {\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.title) {\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"] }]
|
|
18249
|
+
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.title) {\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.title) {\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.title) {\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"] }]
|
|
18246
18250
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18247
18251
|
type: Input
|
|
18248
18252
|
}], headerMainMenuItemDDClick: [{
|
|
@@ -18297,11 +18301,11 @@ class HeaderMainMenuItemComponent {
|
|
|
18297
18301
|
this.dropdownOpen$.unsubscribe();
|
|
18298
18302
|
}
|
|
18299
18303
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18300
|
-
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"] }] }); }
|
|
18304
|
+
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"] }] }); }
|
|
18301
18305
|
}
|
|
18302
18306
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
18303
18307
|
type: Component,
|
|
18304
|
-
args: [{ selector: 'rdsite-header-main-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, 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"] }]
|
|
18308
|
+
args: [{ selector: 'rdsite-header-main-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, 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"] }]
|
|
18305
18309
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18306
18310
|
type: Input
|
|
18307
18311
|
}], headerMainMenuItemClick: [{
|
|
@@ -18325,11 +18329,11 @@ class HeaderSideMenuComponent {
|
|
|
18325
18329
|
this.headerService.toggleShowSideMenu(false);
|
|
18326
18330
|
}
|
|
18327
18331
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18328
|
-
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"] }] }); }
|
|
18332
|
+
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"] }] }); }
|
|
18329
18333
|
}
|
|
18330
18334
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
18331
18335
|
type: Component,
|
|
18332
|
-
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"] }]
|
|
18336
|
+
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"] }]
|
|
18333
18337
|
}], ctorParameters: () => [{ type: HeaderService }] });
|
|
18334
18338
|
|
|
18335
18339
|
class HeaderSideMenuItemComponent {
|
|
@@ -18359,11 +18363,11 @@ class HeaderSideMenuItemComponent {
|
|
|
18359
18363
|
this.headerSideMenuItemClick.emit(event);
|
|
18360
18364
|
}
|
|
18361
18365
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18362
|
-
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"] }] }); }
|
|
18366
|
+
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"] }] }); }
|
|
18363
18367
|
}
|
|
18364
18368
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
18365
18369
|
type: Component,
|
|
18366
|
-
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"] }]
|
|
18370
|
+
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"] }]
|
|
18367
18371
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { item: [{
|
|
18368
18372
|
type: Input
|
|
18369
18373
|
}], altStyle: [{
|
|
@@ -18388,11 +18392,11 @@ class LoadScreenComponent {
|
|
|
18388
18392
|
};
|
|
18389
18393
|
}
|
|
18390
18394
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadScreenComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18391
|
-
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"] }); }
|
|
18395
|
+
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"] }); }
|
|
18392
18396
|
}
|
|
18393
18397
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadScreenComponent, decorators: [{
|
|
18394
18398
|
type: Component,
|
|
18395
|
-
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"] }]
|
|
18399
|
+
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"] }]
|
|
18396
18400
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { styleBinding: [{
|
|
18397
18401
|
type: HostBinding,
|
|
18398
18402
|
args: ['style']
|
|
@@ -18406,11 +18410,11 @@ class SideCtasComponent {
|
|
|
18406
18410
|
};
|
|
18407
18411
|
}
|
|
18408
18412
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18409
|
-
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"] }] }); }
|
|
18413
|
+
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"] }] }); }
|
|
18410
18414
|
}
|
|
18411
18415
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
18412
18416
|
type: Component,
|
|
18413
|
-
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"] }]
|
|
18417
|
+
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"] }]
|
|
18414
18418
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { style: [{
|
|
18415
18419
|
type: HostBinding,
|
|
18416
18420
|
args: ['style']
|
|
@@ -18439,11 +18443,11 @@ class SideCtasBottomComponent {
|
|
|
18439
18443
|
this.sideCtaBottomItemClick.emit(event);
|
|
18440
18444
|
}
|
|
18441
18445
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18442
|
-
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"] }] }); }
|
|
18446
|
+
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"] }] }); }
|
|
18443
18447
|
}
|
|
18444
18448
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
18445
18449
|
type: Component,
|
|
18446
|
-
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"] }]
|
|
18450
|
+
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"] }]
|
|
18447
18451
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
18448
18452
|
type: Input
|
|
18449
18453
|
}], sideCtaBottomItemClick: [{
|
|
@@ -18477,11 +18481,11 @@ class WhatsappComponent {
|
|
|
18477
18481
|
this.whatsappClick.emit(event);
|
|
18478
18482
|
}
|
|
18479
18483
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18480
|
-
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"] }] }); }
|
|
18484
|
+
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"] }] }); }
|
|
18481
18485
|
}
|
|
18482
18486
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
18483
18487
|
type: Component,
|
|
18484
|
-
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"] }]
|
|
18488
|
+
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"] }]
|
|
18485
18489
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { link: [{
|
|
18486
18490
|
type: Input
|
|
18487
18491
|
}], imgUrl: [{
|
|
@@ -18515,11 +18519,11 @@ class SideCtasRightBottomComponent {
|
|
|
18515
18519
|
this.sideCtaRightBottomItemClick.emit(event);
|
|
18516
18520
|
}
|
|
18517
18521
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18518
|
-
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"] }] }); }
|
|
18522
|
+
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"] }] }); }
|
|
18519
18523
|
}
|
|
18520
18524
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, decorators: [{
|
|
18521
18525
|
type: Component,
|
|
18522
|
-
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" }]
|
|
18526
|
+
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" }]
|
|
18523
18527
|
}], propDecorators: { link: [{
|
|
18524
18528
|
type: Input
|
|
18525
18529
|
}], imgUrl: [{
|
|
@@ -18558,11 +18562,11 @@ class SideCtasRightMiddleComponent {
|
|
|
18558
18562
|
this.sideCtaRightMiddleItemClick.emit(event);
|
|
18559
18563
|
}
|
|
18560
18564
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18561
|
-
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"] }] }); }
|
|
18565
|
+
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"] }] }); }
|
|
18562
18566
|
}
|
|
18563
18567
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
18564
18568
|
type: Component,
|
|
18565
|
-
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"] }]
|
|
18569
|
+
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"] }]
|
|
18566
18570
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
18567
18571
|
type: Input
|
|
18568
18572
|
}], sideCtaRightMiddleItemClick: [{
|
|
@@ -18574,11 +18578,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18574
18578
|
|
|
18575
18579
|
class SideCtasRightTopComponent {
|
|
18576
18580
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18577
|
-
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"] }); }
|
|
18581
|
+
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"] }); }
|
|
18578
18582
|
}
|
|
18579
18583
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightTopComponent, decorators: [{
|
|
18580
18584
|
type: Component,
|
|
18581
|
-
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"] }]
|
|
18585
|
+
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"] }]
|
|
18582
18586
|
}] });
|
|
18583
18587
|
|
|
18584
18588
|
class AlgoliaComponent {
|
|
@@ -18684,11 +18688,11 @@ class AlgoliaComponent {
|
|
|
18684
18688
|
}
|
|
18685
18689
|
}
|
|
18686
18690
|
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 }); }
|
|
18687
|
-
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"] }); }
|
|
18691
|
+
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"] }); }
|
|
18688
18692
|
}
|
|
18689
18693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlgoliaComponent, decorators: [{
|
|
18690
18694
|
type: Component,
|
|
18691
|
-
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"] }]
|
|
18695
|
+
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"] }]
|
|
18692
18696
|
}], ctorParameters: () => [{ type: AlgoliaSearchApiService }, { type: undefined, decorators: [{
|
|
18693
18697
|
type: Inject,
|
|
18694
18698
|
args: [PLATFORM_ID]
|
|
@@ -18783,11 +18787,11 @@ class CtaWrapperComponent {
|
|
|
18783
18787
|
this.seeMoreControl = !this.seeMoreControl;
|
|
18784
18788
|
}
|
|
18785
18789
|
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 }); }
|
|
18786
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\n @if (content?.title && showTitleAndText) {\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\n }\n\n @if (content?.text && showTitleAndText) {\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\" [attr.color]=\"colors.icon\"></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\" [attr.color]=\"colors.icon\"></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\" [attr.color]=\"colors.icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </div>\n }\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);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}: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{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;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(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);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"] }] }); }
|
|
18790
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\r\n @if (content?.title && showTitleAndText) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text && showTitleAndText) {\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\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\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\" [attr.color]=\"colors.icon\"></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\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);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}: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{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;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(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);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"] }] }); }
|
|
18787
18791
|
}
|
|
18788
18792
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
|
|
18789
18793
|
type: Component,
|
|
18790
|
-
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 && showTitleAndText) {\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\n }\n\n @if (content?.text && showTitleAndText) {\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\" [attr.color]=\"colors.icon\"></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\" [attr.color]=\"colors.icon\"></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\" [attr.color]=\"colors.icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </div>\n }\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);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}: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{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;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(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
18794
|
+
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 && showTitleAndText) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text && showTitleAndText) {\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\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\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\" [attr.color]=\"colors.icon\"></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\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);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}: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{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;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(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
18791
18795
|
}], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }, { type: undefined, decorators: [{
|
|
18792
18796
|
type: Inject,
|
|
18793
18797
|
args: [PLATFORM_ID]
|
|
@@ -18844,6 +18848,7 @@ class BreadcrumbsComponent {
|
|
|
18844
18848
|
}
|
|
18845
18849
|
getColors(color) {
|
|
18846
18850
|
if (isPlatformBrowser(this.platformId)) {
|
|
18851
|
+
this.breadCrumbsElement.nativeElement.style.setProperty('--font-family', this.curaService.getFontFamily(''));
|
|
18847
18852
|
this.breadCrumbsElement.nativeElement.style.setProperty('--label-icon-color', this.curaService.getColor(color));
|
|
18848
18853
|
this.breadCrumbsElement.nativeElement.style.setProperty('--divider-color', this.curaService.getColor('neutral-light'));
|
|
18849
18854
|
this.breadCrumbsElement.nativeElement.style.setProperty('--disabled-color', this.curaService.getColor('neutral-dark'));
|
|
@@ -18895,11 +18900,11 @@ class BreadcrumbsComponent {
|
|
|
18895
18900
|
});
|
|
18896
18901
|
}
|
|
18897
18902
|
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 }); }
|
|
18898
|
-
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"] }] }); }
|
|
18903
|
+
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 *{font-family:var(--font-family)}.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"] }] }); }
|
|
18899
18904
|
}
|
|
18900
18905
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
18901
18906
|
type: Component,
|
|
18902
|
-
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"] }]
|
|
18907
|
+
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 *{font-family:var(--font-family)}.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"] }]
|
|
18903
18908
|
}], ctorParameters: () => [{ type: CuraService }, { type: undefined, decorators: [{
|
|
18904
18909
|
type: Inject,
|
|
18905
18910
|
args: [LIB_CONFIG]
|
|
@@ -19142,11 +19147,11 @@ class ErrorComponent {
|
|
|
19142
19147
|
this.ctasSubscription?.unsubscribe();
|
|
19143
19148
|
}
|
|
19144
19149
|
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 }); }
|
|
19145
|
-
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.length) {\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 @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [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", "showTitleAndText", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
|
|
19150
|
+
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.length) {\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 @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [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", "showTitleAndText", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
|
|
19146
19151
|
}
|
|
19147
19152
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
19148
19153
|
type: Component,
|
|
19149
|
-
args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\n @if (ctasIconColor && breadcrumbsItems.length) {\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 @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [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"] }]
|
|
19154
|
+
args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems.length) {\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 @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [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"] }]
|
|
19150
19155
|
}], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
|
|
19151
19156
|
type: Inject,
|
|
19152
19157
|
args: [PLATFORM_ID]
|
|
@@ -19173,6 +19178,8 @@ class PageHeaderComponent {
|
|
|
19173
19178
|
get style() {
|
|
19174
19179
|
return {
|
|
19175
19180
|
'--bg-color': this.curaService.getColor(this.bgColor),
|
|
19181
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
19182
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
19176
19183
|
};
|
|
19177
19184
|
}
|
|
19178
19185
|
constructor(curaService) {
|
|
@@ -19184,11 +19191,11 @@ class PageHeaderComponent {
|
|
|
19184
19191
|
this.bgColor = 'primary-base';
|
|
19185
19192
|
}
|
|
19186
19193
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19187
|
-
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 <
|
|
19194
|
+
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 <h1>{{ pageTitle }}</h1>\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%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@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"] }] }); }
|
|
19188
19195
|
}
|
|
19189
19196
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
19190
19197
|
type: Component,
|
|
19191
|
-
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 <
|
|
19198
|
+
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 <h1>{{ pageTitle }}</h1>\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%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@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"] }]
|
|
19192
19199
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { pageTitle: [{
|
|
19193
19200
|
type: Input
|
|
19194
19201
|
}], pageHeaderText: [{
|
|
@@ -19323,11 +19330,11 @@ class FilterPlanosConveniosComponent {
|
|
|
19323
19330
|
this.coberturaControl.reset(this.coberturas);
|
|
19324
19331
|
}
|
|
19325
19332
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19326
|
-
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", unidadeControl: "unidadeControl", estadoControl: "estadoControl" }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, 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 icon-color=\"light\"\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 }] }); }
|
|
19333
|
+
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", unidadeControl: "unidadeControl", estadoControl: "estadoControl" }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, 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 icon-color=\"light\"\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 }] }); }
|
|
19327
19334
|
}
|
|
19328
19335
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
|
|
19329
19336
|
type: Component,
|
|
19330
|
-
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 icon-color=\"light\"\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"] }]
|
|
19337
|
+
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 icon-color=\"light\"\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"] }]
|
|
19331
19338
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { filterChange: [{
|
|
19332
19339
|
type: Output
|
|
19333
19340
|
}], closeModal: [{
|
|
@@ -19354,7 +19361,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19354
19361
|
}] } });
|
|
19355
19362
|
|
|
19356
19363
|
class FilterLetterAndTermsComponent {
|
|
19357
|
-
|
|
19364
|
+
get style() {
|
|
19365
|
+
return {
|
|
19366
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
19367
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
19368
|
+
'--neutral-black': this.curaService.getColor('neutral-black'),
|
|
19369
|
+
'--color-one-light': this.curaService.getColor('primary-light'),
|
|
19370
|
+
'--color-one-base': this.curaService.getColor('primary-base'),
|
|
19371
|
+
'--color-one-dark': this.curaService.getColor('primary-dark'),
|
|
19372
|
+
'--color-one-darker': this.curaService.getColor('primary-darker'),
|
|
19373
|
+
};
|
|
19374
|
+
}
|
|
19375
|
+
constructor(curaService) {
|
|
19376
|
+
this.curaService = curaService;
|
|
19358
19377
|
this.options = [];
|
|
19359
19378
|
this.baseUrl = '';
|
|
19360
19379
|
this.selectedOption = '';
|
|
@@ -19365,13 +19384,13 @@ class FilterLetterAndTermsComponent {
|
|
|
19365
19384
|
this.selectedOption = option;
|
|
19366
19385
|
this.optionSelected.emit(option);
|
|
19367
19386
|
}
|
|
19368
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19369
|
-
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 <
|
|
19387
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19388
|
+
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" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\r\n <a rdsitelink class=\"filter-option\" [class.selected]=\"selectedOption === ''\" [href]=\"baseUrl ? baseUrl : '#'\" (click)=\"selectOption('', $event)\"> TODAS </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{display:flex;justify-content:center;align-items:center;min-width:28px;padding:6px;color:var(--neutral-black);font-family:var(--font-family);font-size:12px;border:2px solid var(--color-one-darker);border-radius:4px;background-color:var(--neutral-purewhite);transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-light)}.filter-letter-and-terms .filter-option:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:hover{background-color:var(--color-one-dark)}\n"] }); }
|
|
19370
19389
|
}
|
|
19371
19390
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
19372
19391
|
type: Component,
|
|
19373
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <
|
|
19374
|
-
}], propDecorators: { options: [{
|
|
19392
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\r\n <a rdsitelink class=\"filter-option\" [class.selected]=\"selectedOption === ''\" [href]=\"baseUrl ? baseUrl : '#'\" (click)=\"selectOption('', $event)\"> TODAS </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{display:flex;justify-content:center;align-items:center;min-width:28px;padding:6px;color:var(--neutral-black);font-family:var(--font-family);font-size:12px;border:2px solid var(--color-one-darker);border-radius:4px;background-color:var(--neutral-purewhite);transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-light)}.filter-letter-and-terms .filter-option:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:hover{background-color:var(--color-one-dark)}\n"] }]
|
|
19393
|
+
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { options: [{
|
|
19375
19394
|
type: Input
|
|
19376
19395
|
}], baseUrl: [{
|
|
19377
19396
|
type: Input
|
|
@@ -19379,6 +19398,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
19379
19398
|
type: Input
|
|
19380
19399
|
}], optionSelected: [{
|
|
19381
19400
|
type: Output
|
|
19401
|
+
}], style: [{
|
|
19402
|
+
type: HostBinding,
|
|
19403
|
+
args: ['style']
|
|
19382
19404
|
}] } });
|
|
19383
19405
|
|
|
19384
19406
|
class SectionNavigationComponent {
|
|
@@ -19476,11 +19498,11 @@ class SectionNavigationComponent {
|
|
|
19476
19498
|
this.scrollToMenuAnchorSubscription?.unsubscribe();
|
|
19477
19499
|
}
|
|
19478
19500
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19479
|
-
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", anchorAdjustment: "anchorAdjustment" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true }, { propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, static: true }, { propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul #containerEl 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 #anchorEl\n id=\"anchor-{{ section.id }}\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n [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:var(--neutral-purewhite);border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px 0 var(--neutral-black);padding-top:10px}.rdsite-section-navigation *{font-family:var(--font-family)}.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:12px;font-weight:500;color:var(--neutral-dark);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(--neutral-purewhite)}\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"] }] }); }
|
|
19501
|
+
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", anchorAdjustment: "anchorAdjustment" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true }, { propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, static: true }, { propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul #containerEl 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 #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n role=\"menuitem\"\r\n [href]=\"'#' + section.id\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n [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:var(--neutral-purewhite);border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px 0 var(--neutral-black);padding-top:10px}.rdsite-section-navigation *{font-family:var(--font-family)}.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:12px;font-weight:500;color:var(--neutral-dark);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(--neutral-purewhite)}\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"] }] }); }
|
|
19480
19502
|
}
|
|
19481
19503
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
19482
19504
|
type: Component,
|
|
19483
|
-
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n <ul #containerEl 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 #anchorEl\n id=\"anchor-{{ section.id }}\"\n role=\"menuitem\"\n [href]=\"'#' + section.id\"\n rdsitelink\n [anchorAdjustment]=\"anchorAdjustment\"\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n [attr.aria-label]=\"'Navegar para ' + section.title\"\n [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:var(--neutral-purewhite);border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px 0 var(--neutral-black);padding-top:10px}.rdsite-section-navigation *{font-family:var(--font-family)}.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:12px;font-weight:500;color:var(--neutral-dark);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(--neutral-purewhite)}\n"] }]
|
|
19505
|
+
args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <ul #containerEl 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 #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n role=\"menuitem\"\r\n [href]=\"'#' + section.id\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n [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:var(--neutral-purewhite);border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px 0 var(--neutral-black);padding-top:10px}.rdsite-section-navigation *{font-family:var(--font-family)}.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:12px;font-weight:500;color:var(--neutral-dark);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(--neutral-purewhite)}\n"] }]
|
|
19484
19506
|
}], ctorParameters: () => [], propDecorators: { containerEl: [{
|
|
19485
19507
|
type: ViewChild,
|
|
19486
19508
|
args: ['containerEl']
|
|
@@ -19541,11 +19563,11 @@ class ImageComponent {
|
|
|
19541
19563
|
this.imageDefaultSrc = this.libConfig.fallbackImgSrc || '';
|
|
19542
19564
|
}
|
|
19543
19565
|
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 }); }
|
|
19544
|
-
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>\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: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19566
|
+
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>\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: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
19545
19567
|
}
|
|
19546
19568
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
19547
19569
|
type: Component,
|
|
19548
|
-
args: [{ selector: 'rdsite-image', standalone: true, imports: [CommonModule], template: "<picture>\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: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"] }]
|
|
19570
|
+
args: [{ selector: 'rdsite-image', standalone: true, imports: [CommonModule], template: "<picture>\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: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"] }]
|
|
19549
19571
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
19550
19572
|
type: Inject,
|
|
19551
19573
|
args: [LIB_CONFIG]
|
|
@@ -19588,11 +19610,11 @@ class CardUnidadePlanosConveniosComponent {
|
|
|
19588
19610
|
};
|
|
19589
19611
|
}
|
|
19590
19612
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19591
|
-
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-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 <div class=\"rdsite-card-unidade-planos-convenios-content\">\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 (cta2 && cta2.label && cta2.link) {\n <cura-button type=\"button\" size=\"medium\" icon-name=\"calendar\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\n {{ cta2.label }}\n </cura-button>\n }\n\n @if (cta1 && cta1.label && cta1.link) {\n <cura-button type=\"button\" size=\"medium\" icon-name=\"exam\" color=\"accent\" rdsitelink [href]=\"cta1.link\">\n {{ cta1.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:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"logo\" \"heading\" \"content\" \"ctas\";gap:12px 0;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2.26}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image{grid-area:logo;padding:16px;background-color:var(--neutral-white);border-radius:4px}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:80%;display:flex;align-items:center;justify-content:center}.rdsite-card-unidade-planos-convenios-heading{grid-area:heading}.rdsite-card-unidade-planos-convenios-content{grid-area: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:center;gap:8px;width:100%;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{grid-area:ctas;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:12px}@media screen and (min-width: 992px){.rdsite-card-unidade-planos-convenios{grid-template-rows:auto;grid-template-columns:152px 1fr auto;grid-template-areas:\"logo heading ctas\" \"content content content\";gap:20px;align-items:flex-start}.rdsite-card-unidade-planos-convenios-logo{aspect-ratio:1.26}.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{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-content .address{width:fit-content}.rdsite-card-unidade-planos-convenios-ctas{width:224px}}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"] }] }); }
|
|
19613
|
+
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-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 <div class=\"rdsite-card-unidade-planos-convenios-content\">\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 (cta2 && cta2.label && cta2.link) {\r\n <cura-button type=\"button\" size=\"medium\" icon-name=\"calendar\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\r\n {{ cta2.label }}\r\n </cura-button>\r\n }\r\n\r\n @if (cta1 && cta1.label && cta1.link) {\r\n <cura-button type=\"button\" size=\"medium\" icon-name=\"exam\" color=\"accent\" rdsitelink [href]=\"cta1.link\">\r\n {{ cta1.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:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"logo\" \"heading\" \"content\" \"ctas\";gap:12px 0;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2.26}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image{grid-area:logo;padding:16px;background-color:var(--neutral-white);border-radius:4px}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:80%;display:flex;align-items:center;justify-content:center}.rdsite-card-unidade-planos-convenios-heading{grid-area:heading}.rdsite-card-unidade-planos-convenios-content{grid-area: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:center;gap:8px;width:100%;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{grid-area:ctas;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:12px}@media screen and (min-width: 992px){.rdsite-card-unidade-planos-convenios{grid-template-rows:auto;grid-template-columns:152px 1fr auto;grid-template-areas:\"logo heading ctas\" \"content content content\";gap:20px;align-items:flex-start}.rdsite-card-unidade-planos-convenios-logo{aspect-ratio:1.26}.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{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-content .address{width:fit-content}.rdsite-card-unidade-planos-convenios-ctas{width:224px}}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"] }] }); }
|
|
19592
19614
|
}
|
|
19593
19615
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, decorators: [{
|
|
19594
19616
|
type: Component,
|
|
19595
|
-
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-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 <div class=\"rdsite-card-unidade-planos-convenios-content\">\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 (cta2 && cta2.label && cta2.link) {\n <cura-button type=\"button\" size=\"medium\" icon-name=\"calendar\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\n {{ cta2.label }}\n </cura-button>\n }\n\n @if (cta1 && cta1.label && cta1.link) {\n <cura-button type=\"button\" size=\"medium\" icon-name=\"exam\" color=\"accent\" rdsitelink [href]=\"cta1.link\">\n {{ cta1.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:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"logo\" \"heading\" \"content\" \"ctas\";gap:12px 0;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2.26}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image{grid-area:logo;padding:16px;background-color:var(--neutral-white);border-radius:4px}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:80%;display:flex;align-items:center;justify-content:center}.rdsite-card-unidade-planos-convenios-heading{grid-area:heading}.rdsite-card-unidade-planos-convenios-content{grid-area: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:center;gap:8px;width:100%;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{grid-area:ctas;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:12px}@media screen and (min-width: 992px){.rdsite-card-unidade-planos-convenios{grid-template-rows:auto;grid-template-columns:152px 1fr auto;grid-template-areas:\"logo heading ctas\" \"content content content\";gap:20px;align-items:flex-start}.rdsite-card-unidade-planos-convenios-logo{aspect-ratio:1.26}.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{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-content .address{width:fit-content}.rdsite-card-unidade-planos-convenios-ctas{width:224px}}span.cura-paragraph-weight{font-weight:500}\n"] }]
|
|
19617
|
+
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-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 <div class=\"rdsite-card-unidade-planos-convenios-content\">\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 (cta2 && cta2.label && cta2.link) {\r\n <cura-button type=\"button\" size=\"medium\" icon-name=\"calendar\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\r\n {{ cta2.label }}\r\n </cura-button>\r\n }\r\n\r\n @if (cta1 && cta1.label && cta1.link) {\r\n <cura-button type=\"button\" size=\"medium\" icon-name=\"exam\" color=\"accent\" rdsitelink [href]=\"cta1.link\">\r\n {{ cta1.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:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"logo\" \"heading\" \"content\" \"ctas\";gap:12px 0;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2.26}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image{grid-area:logo;padding:16px;background-color:var(--neutral-white);border-radius:4px}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:80%;display:flex;align-items:center;justify-content:center}.rdsite-card-unidade-planos-convenios-heading{grid-area:heading}.rdsite-card-unidade-planos-convenios-content{grid-area: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:center;gap:8px;width:100%;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{grid-area:ctas;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:12px}@media screen and (min-width: 992px){.rdsite-card-unidade-planos-convenios{grid-template-rows:auto;grid-template-columns:152px 1fr auto;grid-template-areas:\"logo heading ctas\" \"content content content\";gap:20px;align-items:flex-start}.rdsite-card-unidade-planos-convenios-logo{aspect-ratio:1.26}.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{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-content .address{width:fit-content}.rdsite-card-unidade-planos-convenios-ctas{width:224px}}span.cura-paragraph-weight{font-weight:500}\n"] }]
|
|
19596
19618
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { title: [{
|
|
19597
19619
|
type: Input
|
|
19598
19620
|
}], subtitle: [{
|
|
@@ -19654,11 +19676,11 @@ class ExpandableCardComponent {
|
|
|
19654
19676
|
this.classes = this.disabled ? ['disabled'] : [];
|
|
19655
19677
|
}
|
|
19656
19678
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19657
|
-
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", link: "link", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "@if (label) {\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\n @if (link && label) {\n <a rdsitelink class=\"card-link\" [href]=\"link\">\n {{ label }}\n <cura-icon name=\"arrowRight\" color=\"primary-dark\" size=\"16\"></cura-icon>\n </a>\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}\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:\"badge . icon\" \"label . icon\" \"link . icon\";width:100%;height:auto;padding:20px;cursor:pointer}:host .card-header .card-link{grid-area:link;font-family:var(--font-family);color:var(--color-one-dark);font-size:14px;font-weight:500;line-height:19px;letter-spacing:.28px;text-decoration-line:underline;display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}@media screen and (min-width: 992px){:host .card-header .card-link{font-size:16px;line-height:23px;letter-spacing:.32px}}:host .card-header cura-badge-pill{grid-area:badge;margin-bottom:4px}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"link . 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\" \"link\";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"] }] }); }
|
|
19679
|
+
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", link: "link", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "@if (label) {\r\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (link && label) {\r\n <a rdsitelink class=\"card-link\" [href]=\"link\">\r\n {{ label }}\r\n <cura-icon name=\"arrowRight\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\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}\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:\"badge . icon\" \"label . icon\" \"link . icon\";width:100%;height:auto;padding:20px;cursor:pointer}:host .card-header .card-link{grid-area:link;font-family:var(--font-family);color:var(--color-one-dark);font-size:14px;font-weight:500;line-height:19px;letter-spacing:.28px;text-decoration-line:underline;display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}@media screen and (min-width: 992px){:host .card-header .card-link{font-size:16px;line-height:23px;letter-spacing:.32px}}:host .card-header cura-badge-pill{grid-area:badge;margin-bottom:4px}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"link . 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\" \"link\";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"] }] }); }
|
|
19658
19680
|
}
|
|
19659
19681
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
19660
19682
|
type: Component,
|
|
19661
|
-
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (label) {\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\n @if (link && label) {\n <a rdsitelink class=\"card-link\" [href]=\"link\">\n {{ label }}\n <cura-icon name=\"arrowRight\" color=\"primary-dark\" size=\"16\"></cura-icon>\n </a>\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}\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:\"badge . icon\" \"label . icon\" \"link . icon\";width:100%;height:auto;padding:20px;cursor:pointer}:host .card-header .card-link{grid-area:link;font-family:var(--font-family);color:var(--color-one-dark);font-size:14px;font-weight:500;line-height:19px;letter-spacing:.28px;text-decoration-line:underline;display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}@media screen and (min-width: 992px){:host .card-header .card-link{font-size:16px;line-height:23px;letter-spacing:.32px}}:host .card-header cura-badge-pill{grid-area:badge;margin-bottom:4px}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"link . 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\" \"link\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
|
|
19683
|
+
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (label) {\r\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (link && label) {\r\n <a rdsitelink class=\"card-link\" [href]=\"link\">\r\n {{ label }}\r\n <cura-icon name=\"arrowRight\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\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}\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:\"badge . icon\" \"label . icon\" \"link . icon\";width:100%;height:auto;padding:20px;cursor:pointer}:host .card-header .card-link{grid-area:link;font-family:var(--font-family);color:var(--color-one-dark);font-size:14px;font-weight:500;line-height:19px;letter-spacing:.28px;text-decoration-line:underline;display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}@media screen and (min-width: 992px){:host .card-header .card-link{font-size:16px;line-height:23px;letter-spacing:.32px}}:host .card-header cura-badge-pill{grid-area:badge;margin-bottom:4px}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"link . 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\" \"link\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}\n"] }]
|
|
19662
19684
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { opened: [{
|
|
19663
19685
|
type: Input
|
|
19664
19686
|
}], label: [{
|
|
@@ -19695,11 +19717,11 @@ class ContentBannerComponent {
|
|
|
19695
19717
|
this.content = null;
|
|
19696
19718
|
}
|
|
19697
19719
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19698
|
-
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_url\" [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"] }] }); }
|
|
19720
|
+
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_url\" [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"] }] }); }
|
|
19699
19721
|
}
|
|
19700
19722
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, decorators: [{
|
|
19701
19723
|
type: Component,
|
|
19702
|
-
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_url\" [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"] }]
|
|
19724
|
+
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_url\" [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"] }]
|
|
19703
19725
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { content: [{
|
|
19704
19726
|
type: Input
|
|
19705
19727
|
}], styleBinding: [{
|
|
@@ -19736,11 +19758,11 @@ class PaginationComponent {
|
|
|
19736
19758
|
}
|
|
19737
19759
|
}
|
|
19738
19760
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19739
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\n @if (totalPages && totalPages > 1) {\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\n <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\n </button>\n\n <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\n\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\n <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\n </button>\n </nav>\n }\n\n @if (perPageOptions.length) {\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\n <span>Resultados por p\u00E1gina</span>\n\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\n @for (option of perPageOptions; let i = $index; track option) {\n <button\n type=\"button\"\n (click)=\"perPageChange.emit(option)\"\n [attr.disabled]=\"option === perPage ? true : null\"\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\n class=\"button-link\"\n >\n {{ option }}\n @if (i < perPageOptions.length - 1) {\n <span class=\"bar\">|</span>\n }\n </button>\n }\n </div>\n </div>\n }\n</div>\n", styles: [":host{width:100%}.rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }); }
|
|
19761
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\r\n @if (totalPages && totalPages > 1) {\r\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n </button>\r\n\r\n <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n </button>\r\n </nav>\r\n }\r\n\r\n @if (perPageOptions.length) {\r\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n <span>Resultados por p\u00E1gina</span>\r\n\r\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n @for (option of perPageOptions; let i = $index; track option) {\r\n <button\r\n type=\"button\"\r\n (click)=\"perPageChange.emit(option)\"\r\n [attr.disabled]=\"option === perPage ? true : null\"\r\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n class=\"button-link\"\r\n >\r\n {{ option }}\r\n @if (i < perPageOptions.length - 1) {\r\n <span class=\"bar\">|</span>\r\n }\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{width:100%}.rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }); }
|
|
19740
19762
|
}
|
|
19741
19763
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
19742
19764
|
type: Component,
|
|
19743
|
-
args: [{ selector: 'rdsite-pagination', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\n @if (totalPages && totalPages > 1) {\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\n <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\n </button>\n\n <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\n\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\n <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\n </button>\n </nav>\n }\n\n @if (perPageOptions.length) {\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\n <span>Resultados por p\u00E1gina</span>\n\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\n @for (option of perPageOptions; let i = $index; track option) {\n <button\n type=\"button\"\n (click)=\"perPageChange.emit(option)\"\n [attr.disabled]=\"option === perPage ? true : null\"\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\n class=\"button-link\"\n >\n {{ option }}\n @if (i < perPageOptions.length - 1) {\n <span class=\"bar\">|</span>\n }\n </button>\n }\n </div>\n </div>\n }\n</div>\n", styles: [":host{width:100%}.rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }]
|
|
19765
|
+
args: [{ selector: 'rdsite-pagination', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\r\n @if (totalPages && totalPages > 1) {\r\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n </button>\r\n\r\n <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n </button>\r\n </nav>\r\n }\r\n\r\n @if (perPageOptions.length) {\r\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n <span>Resultados por p\u00E1gina</span>\r\n\r\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n @for (option of perPageOptions; let i = $index; track option) {\r\n <button\r\n type=\"button\"\r\n (click)=\"perPageChange.emit(option)\"\r\n [attr.disabled]=\"option === perPage ? true : null\"\r\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n class=\"button-link\"\r\n >\r\n {{ option }}\r\n @if (i < perPageOptions.length - 1) {\r\n <span class=\"bar\">|</span>\r\n }\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{width:100%}.rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }]
|
|
19744
19766
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { totalPages: [{
|
|
19745
19767
|
type: Input
|
|
19746
19768
|
}], activePage: [{
|
|
@@ -19801,11 +19823,11 @@ class TestimonialCardComponent {
|
|
|
19801
19823
|
this.youtubeService.removeScript();
|
|
19802
19824
|
}
|
|
19803
19825
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialCardComponent, deps: [{ token: CuraService }, { token: YoutubeService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19804
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TestimonialCardComponent, isStandalone: true, selector: "rdsite-testimonial-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, videoUrl: { classPropertyName: "videoUrl", publicName: "videoUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "youtubePlayer", first: true, predicate: ["youtubePlayer"], descendants: true }], ngImport: i0, template: "@if ((image() || getVideoId()) && text()) {\n @switch (type()) {\n @case ('image') {\n @if (image()) {\n <rdsite-image\n [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\n [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\n [mimeType]=\"image()?.mime_type\"\n [alt]=\"image()?.alt\"\n >\n </rdsite-image>\n }\n }\n @case ('video') {\n @if (getVideoId() && platformBrowser()) {\n <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\n }\n }\n }\n\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\n <path\n d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\n fill=\"#202122\"\n />\n </svg>\n\n <div class=\"testimonials-text\">\n <q class=\"quote\" (click)=\"stopVideo()\">{{ text() }}</q>\n\n @if (author()) {\n <span class=\"author\">{{ author() }}</span>\n }\n\n @if (position()) {\n <span class=\"position\">\n {{ position() }}\n </span>\n }\n </div>\n}\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i2$2.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }] }); }
|
|
19826
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TestimonialCardComponent, isStandalone: true, selector: "rdsite-testimonial-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, videoUrl: { classPropertyName: "videoUrl", publicName: "videoUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "youtubePlayer", first: true, predicate: ["youtubePlayer"], descendants: true }], ngImport: i0, template: "@if ((image() || getVideoId()) && text()) {\r\n @switch (type()) {\r\n @case ('image') {\r\n @if (image()) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n [mimeType]=\"image()?.mime_type\"\r\n [alt]=\"image()?.alt\"\r\n >\r\n </rdsite-image>\r\n }\r\n }\r\n @case ('video') {\r\n @if (getVideoId() && platformBrowser()) {\r\n <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n }\r\n }\r\n }\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n <path\r\n d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\r\n fill=\"#202122\"\r\n />\r\n </svg>\r\n\r\n <div class=\"testimonials-text\">\r\n <q class=\"quote\" (click)=\"stopVideo()\">{{ text() }}</q>\r\n\r\n @if (author()) {\r\n <span class=\"author\">{{ author() }}</span>\r\n }\r\n\r\n @if (position()) {\r\n <span class=\"position\">\r\n {{ position() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i2$2.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }] }); }
|
|
19805
19827
|
}
|
|
19806
19828
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialCardComponent, decorators: [{
|
|
19807
19829
|
type: Component,
|
|
19808
|
-
args: [{ selector: 'rdsite-testimonial-card', standalone: true, imports: [ImageComponent, YouTubePlayerModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if ((image() || getVideoId()) && text()) {\n @switch (type()) {\n @case ('image') {\n @if (image()) {\n <rdsite-image\n [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\n [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\n [mimeType]=\"image()?.mime_type\"\n [alt]=\"image()?.alt\"\n >\n </rdsite-image>\n }\n }\n @case ('video') {\n @if (getVideoId() && platformBrowser()) {\n <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\n }\n }\n }\n\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\n <path\n d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\n fill=\"#202122\"\n />\n </svg>\n\n <div class=\"testimonials-text\">\n <q class=\"quote\" (click)=\"stopVideo()\">{{ text() }}</q>\n\n @if (author()) {\n <span class=\"author\">{{ author() }}</span>\n }\n\n @if (position()) {\n <span class=\"position\">\n {{ position() }}\n </span>\n }\n </div>\n}\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"] }]
|
|
19830
|
+
args: [{ selector: 'rdsite-testimonial-card', standalone: true, imports: [ImageComponent, YouTubePlayerModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if ((image() || getVideoId()) && text()) {\r\n @switch (type()) {\r\n @case ('image') {\r\n @if (image()) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n [mimeType]=\"image()?.mime_type\"\r\n [alt]=\"image()?.alt\"\r\n >\r\n </rdsite-image>\r\n }\r\n }\r\n @case ('video') {\r\n @if (getVideoId() && platformBrowser()) {\r\n <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n }\r\n }\r\n }\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n <path\r\n d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\r\n fill=\"#202122\"\r\n />\r\n </svg>\r\n\r\n <div class=\"testimonials-text\">\r\n <q class=\"quote\" (click)=\"stopVideo()\">{{ text() }}</q>\r\n\r\n @if (author()) {\r\n <span class=\"author\">{{ author() }}</span>\r\n }\r\n\r\n @if (position()) {\r\n <span class=\"position\">\r\n {{ position() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"] }]
|
|
19809
19831
|
}], ctorParameters: () => [{ type: CuraService }, { type: YoutubeService }, { type: undefined, decorators: [{
|
|
19810
19832
|
type: Inject,
|
|
19811
19833
|
args: [PLATFORM_ID]
|
|
@@ -19858,11 +19880,11 @@ class TestimonialsCarouselComponent {
|
|
|
19858
19880
|
});
|
|
19859
19881
|
}
|
|
19860
19882
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialsCarouselComponent, deps: [{ token: CuraService }, { token: NguCarouselService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19861
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TestimonialsCarouselComponent, isStandalone: true, selector: "rdsite-testimonials-carousel", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "carouselTestimonials", first: true, predicate: ["carouselTestimonials"], descendants: true, static: true }, { propertyName: "testimonialCards", predicate: ["testimonialCard"], descendants: true }], ngImport: i0, template: "@if (title()) {\n <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\n}\n\n<ngu-carousel #carouselTestimonials [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\n <ngu-item *nguCarouselDef=\"let item\">\n <rdsite-testimonial-card\n #testimonialCard\n [type]=\"item.type\"\n [image]=\"item.image\"\n [videoUrl]=\"item.video_url\"\n [text]=\"item.text\"\n [author]=\"item.author\"\n [position]=\"item.role\"\n >\n </rdsite-testimonial-card>\n </ngu-item>\n</ngu-carousel>\n\n<div class=\"testimonials-carousel-controls\">\n <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\n\n <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\n\n <ul>\n @for (item of carouselTestimonials.pointNumbers; track i; let i = $index) {\n <li [class.active]=\"i === carouselTestimonials.activePoint\" (click)=\"moveTo(i)\"></li>\n }\n </ul>\n</div>\n", styles: [":host{display:block}@media screen and (min-width: 1024px){:host{background-color:var(--neutral-purewhite)}}:host .testimonials-carousel-title{color:var(--neutral-black);font-family:var(--font-family);font-size:24px;font-weight:500;line-height:130%;margin-bottom:16px}@media screen and (min-width: 1024px){:host .testimonials-carousel-title{font-size:28px;margin-bottom:48px}}:host ngu-carousel{background-color:#f7f5f0}@media screen and (min-width: 1024px){:host ngu-item{background:linear-gradient(to right,var(--neutral-purewhite) 102px,#f7f5f0 0)}}:host ngu-item rdsite-testimonial-card{height:100%}:host .testimonials-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0 48px 28px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls{padding:48px 0 0;background-color:transparent}}:host .testimonials-carousel-controls cura-icon{display:none}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls cura-icon{display:block;cursor:pointer}:host .testimonials-carousel-controls cura-icon:nth-of-type(1){margin-left:48px}:host .testimonials-carousel-controls cura-icon:nth-of-type(2){margin-right:48px}}:host .testimonials-carousel-controls ul{display:flex;justify-content:center;align-items:center;gap:8px}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls ul{display:none}}:host .testimonials-carousel-controls ul li{background-color:transparent;width:11px;height:11px;border:2px solid var(--neutral-black);border-radius:50%;list-style-type:none}:host .testimonials-carousel-controls ul li.active{background-color:var(--neutral-black)}\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: "component", type: TestimonialCardComponent, selector: "rdsite-testimonial-card", inputs: ["type", "image", "videoUrl", "text", "author", "position"] }] }); }
|
|
19883
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TestimonialsCarouselComponent, isStandalone: true, selector: "rdsite-testimonials-carousel", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "carouselTestimonials", first: true, predicate: ["carouselTestimonials"], descendants: true, static: true }, { propertyName: "testimonialCards", predicate: ["testimonialCard"], descendants: true }], ngImport: i0, template: "@if (title()) {\r\n <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\r\n}\r\n\r\n<ngu-carousel #carouselTestimonials [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\r\n <ngu-item *nguCarouselDef=\"let item\">\r\n <rdsite-testimonial-card\r\n #testimonialCard\r\n [type]=\"item.type\"\r\n [image]=\"item.image\"\r\n [videoUrl]=\"item.video_url\"\r\n [text]=\"item.text\"\r\n [author]=\"item.author\"\r\n [position]=\"item.role\"\r\n >\r\n </rdsite-testimonial-card>\r\n </ngu-item>\r\n</ngu-carousel>\r\n\r\n<div class=\"testimonials-carousel-controls\">\r\n <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\r\n\r\n <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\r\n\r\n <ul>\r\n @for (item of carouselTestimonials.pointNumbers; track i; let i = $index) {\r\n <li [class.active]=\"i === carouselTestimonials.activePoint\" (click)=\"moveTo(i)\"></li>\r\n }\r\n </ul>\r\n</div>\r\n", styles: [":host{display:block}@media screen and (min-width: 1024px){:host{background-color:var(--neutral-purewhite)}}:host .testimonials-carousel-title{color:var(--neutral-black);font-family:var(--font-family);font-size:24px;font-weight:500;line-height:130%;margin-bottom:16px}@media screen and (min-width: 1024px){:host .testimonials-carousel-title{font-size:28px;margin-bottom:48px}}:host ngu-carousel{background-color:#f7f5f0}@media screen and (min-width: 1024px){:host ngu-item{background:linear-gradient(to right,var(--neutral-purewhite) 102px,#f7f5f0 0)}}:host ngu-item rdsite-testimonial-card{height:100%}:host .testimonials-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0 48px 28px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls{padding:48px 0 0;background-color:transparent}}:host .testimonials-carousel-controls cura-icon{display:none}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls cura-icon{display:block;cursor:pointer}:host .testimonials-carousel-controls cura-icon:nth-of-type(1){margin-left:48px}:host .testimonials-carousel-controls cura-icon:nth-of-type(2){margin-right:48px}}:host .testimonials-carousel-controls ul{display:flex;justify-content:center;align-items:center;gap:8px}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls ul{display:none}}:host .testimonials-carousel-controls ul li{background-color:transparent;width:11px;height:11px;border:2px solid var(--neutral-black);border-radius:50%;list-style-type:none}:host .testimonials-carousel-controls ul li.active{background-color:var(--neutral-black)}\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: "component", type: TestimonialCardComponent, selector: "rdsite-testimonial-card", inputs: ["type", "image", "videoUrl", "text", "author", "position"] }] }); }
|
|
19862
19884
|
}
|
|
19863
19885
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialsCarouselComponent, decorators: [{
|
|
19864
19886
|
type: Component,
|
|
19865
|
-
args: [{ selector: 'rdsite-testimonials-carousel', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, TestimonialCardComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title()) {\n <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\n}\n\n<ngu-carousel #carouselTestimonials [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\n <ngu-item *nguCarouselDef=\"let item\">\n <rdsite-testimonial-card\n #testimonialCard\n [type]=\"item.type\"\n [image]=\"item.image\"\n [videoUrl]=\"item.video_url\"\n [text]=\"item.text\"\n [author]=\"item.author\"\n [position]=\"item.role\"\n >\n </rdsite-testimonial-card>\n </ngu-item>\n</ngu-carousel>\n\n<div class=\"testimonials-carousel-controls\">\n <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\n\n <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\n\n <ul>\n @for (item of carouselTestimonials.pointNumbers; track i; let i = $index) {\n <li [class.active]=\"i === carouselTestimonials.activePoint\" (click)=\"moveTo(i)\"></li>\n }\n </ul>\n</div>\n", styles: [":host{display:block}@media screen and (min-width: 1024px){:host{background-color:var(--neutral-purewhite)}}:host .testimonials-carousel-title{color:var(--neutral-black);font-family:var(--font-family);font-size:24px;font-weight:500;line-height:130%;margin-bottom:16px}@media screen and (min-width: 1024px){:host .testimonials-carousel-title{font-size:28px;margin-bottom:48px}}:host ngu-carousel{background-color:#f7f5f0}@media screen and (min-width: 1024px){:host ngu-item{background:linear-gradient(to right,var(--neutral-purewhite) 102px,#f7f5f0 0)}}:host ngu-item rdsite-testimonial-card{height:100%}:host .testimonials-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0 48px 28px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls{padding:48px 0 0;background-color:transparent}}:host .testimonials-carousel-controls cura-icon{display:none}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls cura-icon{display:block;cursor:pointer}:host .testimonials-carousel-controls cura-icon:nth-of-type(1){margin-left:48px}:host .testimonials-carousel-controls cura-icon:nth-of-type(2){margin-right:48px}}:host .testimonials-carousel-controls ul{display:flex;justify-content:center;align-items:center;gap:8px}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls ul{display:none}}:host .testimonials-carousel-controls ul li{background-color:transparent;width:11px;height:11px;border:2px solid var(--neutral-black);border-radius:50%;list-style-type:none}:host .testimonials-carousel-controls ul li.active{background-color:var(--neutral-black)}\n"] }]
|
|
19887
|
+
args: [{ selector: 'rdsite-testimonials-carousel', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, TestimonialCardComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title()) {\r\n <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\r\n}\r\n\r\n<ngu-carousel #carouselTestimonials [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\r\n <ngu-item *nguCarouselDef=\"let item\">\r\n <rdsite-testimonial-card\r\n #testimonialCard\r\n [type]=\"item.type\"\r\n [image]=\"item.image\"\r\n [videoUrl]=\"item.video_url\"\r\n [text]=\"item.text\"\r\n [author]=\"item.author\"\r\n [position]=\"item.role\"\r\n >\r\n </rdsite-testimonial-card>\r\n </ngu-item>\r\n</ngu-carousel>\r\n\r\n<div class=\"testimonials-carousel-controls\">\r\n <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\r\n\r\n <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\r\n\r\n <ul>\r\n @for (item of carouselTestimonials.pointNumbers; track i; let i = $index) {\r\n <li [class.active]=\"i === carouselTestimonials.activePoint\" (click)=\"moveTo(i)\"></li>\r\n }\r\n </ul>\r\n</div>\r\n", styles: [":host{display:block}@media screen and (min-width: 1024px){:host{background-color:var(--neutral-purewhite)}}:host .testimonials-carousel-title{color:var(--neutral-black);font-family:var(--font-family);font-size:24px;font-weight:500;line-height:130%;margin-bottom:16px}@media screen and (min-width: 1024px){:host .testimonials-carousel-title{font-size:28px;margin-bottom:48px}}:host ngu-carousel{background-color:#f7f5f0}@media screen and (min-width: 1024px){:host ngu-item{background:linear-gradient(to right,var(--neutral-purewhite) 102px,#f7f5f0 0)}}:host ngu-item rdsite-testimonial-card{height:100%}:host .testimonials-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0 48px 28px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls{padding:48px 0 0;background-color:transparent}}:host .testimonials-carousel-controls cura-icon{display:none}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls cura-icon{display:block;cursor:pointer}:host .testimonials-carousel-controls cura-icon:nth-of-type(1){margin-left:48px}:host .testimonials-carousel-controls cura-icon:nth-of-type(2){margin-right:48px}}:host .testimonials-carousel-controls ul{display:flex;justify-content:center;align-items:center;gap:8px}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls ul{display:none}}:host .testimonials-carousel-controls ul li{background-color:transparent;width:11px;height:11px;border:2px solid var(--neutral-black);border-radius:50%;list-style-type:none}:host .testimonials-carousel-controls ul li.active{background-color:var(--neutral-black)}\n"] }]
|
|
19866
19888
|
}], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }], propDecorators: { carouselTestimonials: [{
|
|
19867
19889
|
type: ViewChild,
|
|
19868
19890
|
args: ['carouselTestimonials', { static: true }]
|