@rededor/site-front-end-lib 1.3.20 → 1.3.21
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-dropdown/algolia-dropdown.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 +3 -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 +3 -3
- package/esm2022/lib/components/filters/filter-generic/filter-generic.component.mjs +4 -4
- package/esm2022/lib/components/filters/filter-planos-convenios/filter-planos-convenios.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 +3 -3
- package/esm2022/lib/components/page-template-sidebar/page-template-sidebar.component.mjs +3 -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/Filter.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/getCircularReplacer.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/interceptors/error.interceptor.mjs +1 -1
- package/esm2022/lib/interceptors/index.mjs +1 -1
- package/esm2022/lib/interceptors/log.interceptor.mjs +1 -1
- package/esm2022/lib/models/algolia-search-api.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/centro-medico.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/filters/filter-section.type.mjs +1 -1
- package/esm2022/lib/models/filters/filter-sections.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/geoloc/geoloc.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/mapbox/mapbox.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 +1 -1
- package/esm2022/lib/services/server-response/server-response.service.mjs +1 -1
- package/esm2022/lib/services/site-back-end/site-back-end.service.mjs +1 -1
- package/esm2022/lib/services/ssr-loading/ssr-loading.service.mjs +1 -1
- package/esm2022/lib/services/transfer-state/transfer-state.service.mjs +1 -1
- package/esm2022/lib/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 +80 -80
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/filters/filter-generic/filter-generic.component.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 { EventEmitter,
|
|
2
|
+
import { EventEmitter, HostListener, Output, Directive, InjectionToken, Injectable, Inject, PLATFORM_ID, Input, Optional, makeStateKey, signal, ViewEncapsulation, Component, HostBinding, ViewChild, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, effect, ViewChildren, input, Pipe } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/common';
|
|
4
4
|
import { DOCUMENT, isPlatformBrowser, isPlatformServer, CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1 from '@angular/router';
|
|
@@ -2392,11 +2392,11 @@ class FooterComponent {
|
|
|
2392
2392
|
this.footerCookieClick.emit(event);
|
|
2393
2393
|
}
|
|
2394
2394
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, deps: [{ token: CuraService }, { token: PrivacyToolsService }, { token: i0.ElementRef }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2395
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterComponent, isStandalone: true, selector: "footer[sl-ftr]", inputs: { project: "project", theme: "theme", disclaimer: "disclaimer", linkPrivacyFooter: "linkPrivacyFooter", logo: "logo", partnerLogo: "partnerLogo", phone: "phone", socialMenu: "socialMenu", logoWidth: "logoWidth", footerMenu: "footerMenu" }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick", footerSocialMediaClick: "footerSocialMediaClick", footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "<div class=\"sl-ftr-content\">\n <div>\n <div class=\"sl-ftr-contact\">\n @if (logo) {\n <div class=\"logo\">\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n </div>\n }\n @if (partnerLogo) {\n <div class=\"partner-logo\">\n <img [src]=\"partnerLogo?.url\" [alt]=\"partnerLogo?.alt\" [title]=\"partnerLogo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n </div>\n }\n @if (phone) {\n <div class=\"phone\">\n <a rdsitelink href=\"tel:{{ phone }}\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#phone'\"></use>\n </svg>\n {{ phone }}\n </a>\n </div>\n }\n </div>\n\n <nav class=\"sl-ftr-medias\">\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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + social.icon\"></use>\n </svg>\n </a>\n </li>\n }\n </ul>\n </nav>\n </div>\n\n <div class=\"content-menu\">\n @if (footerMenu.length) {\n <div class=\"sl-ftr-menu\">\n <nav>\n <ul class=\"sl-ftr-menu-list\">\n @for (menu of footerMenu; track menu.title) {\n <li class=\"sl-ftr-menu-list-item\">\n @if (menu.title) {\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n <a\n class=\"sl-ftr-menu-item-link\"\n [href]=\"menu.url\"\n rdsitelink\n [title]=\"menu.title\"\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n >\n {{ menu.title }}\n </a>\n\n @if (menu.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n </svg>\n }\n </div>\n\n @if (menu.children?.length) {\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n @for (submenu of menu.children; track submenu.title) {\n <li class=\"sl-ftr-menu-item-children-item\">\n <div class=\"sl-ftr-menu-item alt\">\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n {{ submenu.title }}\n </a>\n </div>\n </li>\n }\n </ul>\n }\n }\n </li>\n }\n </ul>\n </nav>\n </div>\n }\n </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n <div class=\"disc-content\">\n <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer }}</div>\n <ul class=\"disc-content-links\">\n <li>\n <a [href]=\"linkPrivacyFooter || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </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</div>\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 72px);height:50px;object-fit:contain}.sl-ftr-contact .logo{display:contents}.sl-ftr-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .partner-logo{display:contents}.sl-ftr-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--ftr-color);text-decoration:none}@media only screen and (min-width: 361px){.sl-ftr-contact{width:280px}.sl-ftr-contact .phone a{font-size:19px}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias 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){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}.sl-ftr-disc{background-color:var(--ftr-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}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2395
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterComponent, isStandalone: true, selector: "footer[sl-ftr]", inputs: { project: "project", theme: "theme", disclaimer: "disclaimer", linkPrivacyFooter: "linkPrivacyFooter", logo: "logo", partnerLogo: "partnerLogo", phone: "phone", socialMenu: "socialMenu", logoWidth: "logoWidth", footerMenu: "footerMenu" }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick", footerSocialMediaClick: "footerSocialMediaClick", footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "<div class=\"sl-ftr-content\">\r\n <div>\r\n <div class=\"sl-ftr-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (partnerLogo) {\r\n <div class=\"partner-logo\">\r\n <img [src]=\"partnerLogo?.url\" [alt]=\"partnerLogo?.alt\" [title]=\"partnerLogo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#phone'\"></use>\r\n </svg>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n\r\n <nav class=\"sl-ftr-medias\">\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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + social.icon\"></use>\r\n </svg>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n\r\n <div class=\"content-menu\">\r\n @if (footerMenu.length) {\r\n <div class=\"sl-ftr-menu\">\r\n <nav>\r\n <ul class=\"sl-ftr-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"sl-ftr-menu-list-item\">\r\n @if (menu.title) {\r\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\r\n <a\r\n class=\"sl-ftr-menu-item-link\"\r\n [href]=\"menu.url\"\r\n rdsitelink\r\n [title]=\"menu.title\"\r\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\r\n >\r\n {{ menu.title }}\r\n </a>\r\n\r\n @if (menu.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (menu.children?.length) {\r\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\r\n @for (submenu of menu.children; track submenu.title) {\r\n <li class=\"sl-ftr-menu-item-children-item\">\r\n <div class=\"sl-ftr-menu-item alt\">\r\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\r\n {{ submenu.title }}\r\n </a>\r\n </div>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n\r\n<div class=\"sl-ftr-disc\">\r\n <div class=\"disc-content\">\r\n <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer }}</div>\r\n <ul class=\"disc-content-links\">\r\n <li>\r\n <a [href]=\"linkPrivacyFooter || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </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</div>\r\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 72px);height:50px;object-fit:contain}.sl-ftr-contact .logo{display:contents}.sl-ftr-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .partner-logo{display:contents}.sl-ftr-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--ftr-color);text-decoration:none}@media only screen and (min-width: 361px){.sl-ftr-contact{width:280px}.sl-ftr-contact .phone a{font-size:19px}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias 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){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}.sl-ftr-disc{background-color:var(--ftr-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}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2396
2396
|
}
|
|
2397
2397
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
2398
2398
|
type: Component,
|
|
2399
|
-
args: [{ selector: 'footer[sl-ftr]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-ftr-content\">\n <div>\n <div class=\"sl-ftr-contact\">\n @if (logo) {\n <div class=\"logo\">\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n </div>\n }\n @if (partnerLogo) {\n <div class=\"partner-logo\">\n <img [src]=\"partnerLogo?.url\" [alt]=\"partnerLogo?.alt\" [title]=\"partnerLogo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n </div>\n }\n @if (phone) {\n <div class=\"phone\">\n <a rdsitelink href=\"tel:{{ phone }}\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#phone'\"></use>\n </svg>\n {{ phone }}\n </a>\n </div>\n }\n </div>\n\n <nav class=\"sl-ftr-medias\">\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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + social.icon\"></use>\n </svg>\n </a>\n </li>\n }\n </ul>\n </nav>\n </div>\n\n <div class=\"content-menu\">\n @if (footerMenu.length) {\n <div class=\"sl-ftr-menu\">\n <nav>\n <ul class=\"sl-ftr-menu-list\">\n @for (menu of footerMenu; track menu.title) {\n <li class=\"sl-ftr-menu-list-item\">\n @if (menu.title) {\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n <a\n class=\"sl-ftr-menu-item-link\"\n [href]=\"menu.url\"\n rdsitelink\n [title]=\"menu.title\"\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n >\n {{ menu.title }}\n </a>\n\n @if (menu.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n </svg>\n }\n </div>\n\n @if (menu.children?.length) {\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n @for (submenu of menu.children; track submenu.title) {\n <li class=\"sl-ftr-menu-item-children-item\">\n <div class=\"sl-ftr-menu-item alt\">\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n {{ submenu.title }}\n </a>\n </div>\n </li>\n }\n </ul>\n }\n }\n </li>\n }\n </ul>\n </nav>\n </div>\n }\n </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n <div class=\"disc-content\">\n <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer }}</div>\n <ul class=\"disc-content-links\">\n <li>\n <a [href]=\"linkPrivacyFooter || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </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</div>\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 72px);height:50px;object-fit:contain}.sl-ftr-contact .logo{display:contents}.sl-ftr-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .partner-logo{display:contents}.sl-ftr-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--ftr-color);text-decoration:none}@media only screen and (min-width: 361px){.sl-ftr-contact{width:280px}.sl-ftr-contact .phone a{font-size:19px}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias 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){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}.sl-ftr-disc{background-color:var(--ftr-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}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\n"] }]
|
|
2399
|
+
args: [{ selector: 'footer[sl-ftr]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-ftr-content\">\r\n <div>\r\n <div class=\"sl-ftr-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (partnerLogo) {\r\n <div class=\"partner-logo\">\r\n <img [src]=\"partnerLogo?.url\" [alt]=\"partnerLogo?.alt\" [title]=\"partnerLogo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#phone'\"></use>\r\n </svg>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n\r\n <nav class=\"sl-ftr-medias\">\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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + social.icon\"></use>\r\n </svg>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n\r\n <div class=\"content-menu\">\r\n @if (footerMenu.length) {\r\n <div class=\"sl-ftr-menu\">\r\n <nav>\r\n <ul class=\"sl-ftr-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"sl-ftr-menu-list-item\">\r\n @if (menu.title) {\r\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\r\n <a\r\n class=\"sl-ftr-menu-item-link\"\r\n [href]=\"menu.url\"\r\n rdsitelink\r\n [title]=\"menu.title\"\r\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\r\n >\r\n {{ menu.title }}\r\n </a>\r\n\r\n @if (menu.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (menu.children?.length) {\r\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\r\n @for (submenu of menu.children; track submenu.title) {\r\n <li class=\"sl-ftr-menu-item-children-item\">\r\n <div class=\"sl-ftr-menu-item alt\">\r\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\r\n {{ submenu.title }}\r\n </a>\r\n </div>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n\r\n<div class=\"sl-ftr-disc\">\r\n <div class=\"disc-content\">\r\n <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer }}</div>\r\n <ul class=\"disc-content-links\">\r\n <li>\r\n <a [href]=\"linkPrivacyFooter || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </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</div>\r\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 72px);height:50px;object-fit:contain}.sl-ftr-contact .logo{display:contents}.sl-ftr-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .partner-logo{display:contents}.sl-ftr-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--ftr-color);text-decoration:none}@media only screen and (min-width: 361px){.sl-ftr-contact{width:280px}.sl-ftr-contact .phone a{font-size:19px}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias 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){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}.sl-ftr-disc{background-color:var(--ftr-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}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\n"] }]
|
|
2400
2400
|
}], ctorParameters: () => [{ type: CuraService }, { type: PrivacyToolsService }, { type: i0.ElementRef }, { type: undefined, decorators: [{
|
|
2401
2401
|
type: Inject,
|
|
2402
2402
|
args: [LIB_CONFIG]
|
|
@@ -2574,11 +2574,11 @@ class OverlayComponent {
|
|
|
2574
2574
|
this.overlayClick.emit();
|
|
2575
2575
|
}
|
|
2576
2576
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2577
|
-
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"] }); }
|
|
2577
|
+
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"] }); }
|
|
2578
2578
|
}
|
|
2579
2579
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OverlayComponent, decorators: [{
|
|
2580
2580
|
type: Component,
|
|
2581
|
-
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"] }]
|
|
2581
|
+
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"] }]
|
|
2582
2582
|
}], propDecorators: { overlayClick: [{
|
|
2583
2583
|
type: Output
|
|
2584
2584
|
}] } });
|
|
@@ -2677,11 +2677,11 @@ class SearchComponent {
|
|
|
2677
2677
|
this.controlSubscription?.unsubscribe();
|
|
2678
2678
|
}
|
|
2679
2679
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, deps: [{ token: i4.DeviceDetectorService }, { token: CuraService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2680
|
-
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-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", styles: [":host{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}:host .rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}:host .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}:host .rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}:host .rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}:host .rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){:host .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$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
2680
|
+
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-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", styles: [":host{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}:host .rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}:host .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}:host .rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}:host .rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}:host .rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){:host .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$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
2681
2681
|
}
|
|
2682
2682
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, decorators: [{
|
|
2683
2683
|
type: Component,
|
|
2684
|
-
args: [{ selector: 'rdsite-search', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<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", styles: [":host{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}:host .rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}:host .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}:host .rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}:host .rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}:host .rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){:host .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"] }]
|
|
2684
|
+
args: [{ selector: 'rdsite-search', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<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", styles: [":host{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}:host .rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}:host .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}:host .rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}:host .rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}:host .rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){:host .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"] }]
|
|
2685
2685
|
}], ctorParameters: () => [{ type: i4.DeviceDetectorService }, { type: CuraService }, { type: undefined, decorators: [{
|
|
2686
2686
|
type: Inject,
|
|
2687
2687
|
args: [PLATFORM_ID]
|
|
@@ -2731,11 +2731,11 @@ class HeaderLogoComponent {
|
|
|
2731
2731
|
this.headerLogoClick.emit(event);
|
|
2732
2732
|
}
|
|
2733
2733
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2734
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderLogoComponent, isStandalone: true, selector: "div[sl-hdr-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=\"eager\" fetchpriority=\"high\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\n</a>\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2734
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderLogoComponent, isStandalone: true, selector: "div[sl-hdr-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=\"eager\" fetchpriority=\"high\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2735
2735
|
}
|
|
2736
2736
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
2737
2737
|
type: Component,
|
|
2738
|
-
args: [{ selector: 'div[sl-hdr-logo]', standalone: true, imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\n <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\n</a>\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"] }]
|
|
2738
|
+
args: [{ selector: 'div[sl-hdr-logo]', standalone: true, imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\r\n <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"] }]
|
|
2739
2739
|
}], propDecorators: { href: [{
|
|
2740
2740
|
type: Input
|
|
2741
2741
|
}], title: [{
|
|
@@ -2761,11 +2761,11 @@ class HeaderActionMenuComponent {
|
|
|
2761
2761
|
this.headerLoginClick.emit(event);
|
|
2762
2762
|
}
|
|
2763
2763
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2764
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: "loginUrl", showSearch: "showSearch", homeUrl: "homeUrl" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl) {\n <div class=\"sl-hdr-act-login\">\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <span>ENTRAR</span>\n </a>\n </div>\n}\n@if (homeUrl) {\n <div class=\"sl-hdr-act-home\">\n <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n @if (showSearch) {\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\n </svg>\n <span>BUSCAR</span>\n } @else {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\n </svg>\n <span>FECHAR</span>\n }\n </button>\n }\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\n </svg>\n </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2764
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: "loginUrl", showSearch: "showSearch", homeUrl: "homeUrl" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl) {\r\n <div class=\"sl-hdr-act-login\">\r\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n}\r\n@if (homeUrl) {\r\n <div class=\"sl-hdr-act-home\">\r\n <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n @if (showSearch) {\r\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n </svg>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n </svg>\r\n </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2765
2765
|
}
|
|
2766
2766
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
2767
2767
|
type: Component,
|
|
2768
|
-
args: [{ selector: 'div[sl-hdr-act]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl) {\n <div class=\"sl-hdr-act-login\">\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <span>ENTRAR</span>\n </a>\n </div>\n}\n@if (homeUrl) {\n <div class=\"sl-hdr-act-home\">\n <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n @if (showSearch) {\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\n </svg>\n <span>BUSCAR</span>\n } @else {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\n </svg>\n <span>FECHAR</span>\n }\n </button>\n }\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\n </svg>\n </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
|
|
2768
|
+
args: [{ selector: 'div[sl-hdr-act]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl) {\r\n <div class=\"sl-hdr-act-login\">\r\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n}\r\n@if (homeUrl) {\r\n <div class=\"sl-hdr-act-home\">\r\n <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n @if (showSearch) {\r\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n </svg>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n </svg>\r\n </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
|
|
2769
2769
|
}], ctorParameters: () => [{ type: HeaderService }, { type: undefined, decorators: [{
|
|
2770
2770
|
type: Inject,
|
|
2771
2771
|
args: [LIB_CONFIG]
|
|
@@ -2843,11 +2843,11 @@ class HeaderComponent {
|
|
|
2843
2843
|
this.headerService.toggleShowSearch(false);
|
|
2844
2844
|
}
|
|
2845
2845
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: CuraService }, { token: HeaderService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2846
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: "project", theme: "theme", loginUrl: "loginUrl", homeUrl: "homeUrl", showSearch: "showSearch", logo: "logo", searchControl: "searchControl" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\n\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\n </nav>\n\n <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\" [homeUrl]=\"homeUrl\"></div>\n\n <nav class=\"sl-hdr-main\">\n <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\n </nav>\n\n <ng-content select=\"div[sl-hdr-side]\"></ng-content>\n\n @if (searchControl) {\n <rdsite-search\n class=\"sl-hdr-search\"\n [searchControl]=\"searchControl\"\n [label]=\"'O que voc\u00EA procura?'\"\n [debounceTime]=\"1500\"\n [setFocus]=\"true\"\n (enterPress)=\"doSearch($event)\"\n >\n </rdsite-search>\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", styles: ["header[sl-hdr]{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(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-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}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .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(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-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: "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"] }, { kind: "component", type: HeaderLogoComponent, selector: "div[sl-hdr-logo]", inputs: ["href", "title", "alt", "src"], outputs: ["headerLogoClick"] }, { kind: "component", type: HeaderActionMenuComponent, selector: "div[sl-hdr-act]", inputs: ["loginUrl", "showSearch", "homeUrl"], outputs: ["headerLoginClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2846
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: "project", theme: "theme", loginUrl: "loginUrl", homeUrl: "homeUrl", showSearch: "showSearch", logo: "logo", searchControl: "searchControl" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\r\n\r\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\r\n <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\r\n </nav>\r\n\r\n <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\" [homeUrl]=\"homeUrl\"></div>\r\n\r\n <nav class=\"sl-hdr-main\">\r\n <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\r\n </nav>\r\n\r\n <ng-content select=\"div[sl-hdr-side]\"></ng-content>\r\n\r\n @if (searchControl) {\r\n <rdsite-search\r\n class=\"sl-hdr-search\"\r\n [searchControl]=\"searchControl\"\r\n [label]=\"'O que voc\u00EA procura?'\"\r\n [debounceTime]=\"1500\"\r\n [setFocus]=\"true\"\r\n (enterPress)=\"doSearch($event)\"\r\n >\r\n </rdsite-search>\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", styles: ["header[sl-hdr]{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(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-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}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .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(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-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: "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"] }, { kind: "component", type: HeaderLogoComponent, selector: "div[sl-hdr-logo]", inputs: ["href", "title", "alt", "src"], outputs: ["headerLogoClick"] }, { kind: "component", type: HeaderActionMenuComponent, selector: "div[sl-hdr-act]", inputs: ["loginUrl", "showSearch", "homeUrl"], outputs: ["headerLoginClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2847
2847
|
}
|
|
2848
2848
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
2849
2849
|
type: Component,
|
|
2850
|
-
args: [{ selector: 'header[sl-hdr]', standalone: true, imports: [CommonModule, OverlayComponent, SearchComponent, HeaderLogoComponent, HeaderActionMenuComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\n\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\n </nav>\n\n <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\" [homeUrl]=\"homeUrl\"></div>\n\n <nav class=\"sl-hdr-main\">\n <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\n </nav>\n\n <ng-content select=\"div[sl-hdr-side]\"></ng-content>\n\n @if (searchControl) {\n <rdsite-search\n class=\"sl-hdr-search\"\n [searchControl]=\"searchControl\"\n [label]=\"'O que voc\u00EA procura?'\"\n [debounceTime]=\"1500\"\n [setFocus]=\"true\"\n (enterPress)=\"doSearch($event)\"\n >\n </rdsite-search>\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", styles: ["header[sl-hdr]{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(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-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}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .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(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
|
|
2850
|
+
args: [{ selector: 'header[sl-hdr]', standalone: true, imports: [CommonModule, OverlayComponent, SearchComponent, HeaderLogoComponent, HeaderActionMenuComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\r\n\r\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\r\n <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\r\n </nav>\r\n\r\n <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\" [homeUrl]=\"homeUrl\"></div>\r\n\r\n <nav class=\"sl-hdr-main\">\r\n <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\r\n </nav>\r\n\r\n <ng-content select=\"div[sl-hdr-side]\"></ng-content>\r\n\r\n @if (searchControl) {\r\n <rdsite-search\r\n class=\"sl-hdr-search\"\r\n [searchControl]=\"searchControl\"\r\n [label]=\"'O que voc\u00EA procura?'\"\r\n [debounceTime]=\"1500\"\r\n [setFocus]=\"true\"\r\n (enterPress)=\"doSearch($event)\"\r\n >\r\n </rdsite-search>\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", styles: ["header[sl-hdr]{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(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-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}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .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(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
|
|
2851
2851
|
}], ctorParameters: () => [{ type: CuraService }, { type: HeaderService }, { type: i0.ElementRef }, { type: Document, decorators: [{
|
|
2852
2852
|
type: Inject,
|
|
2853
2853
|
args: [DOCUMENT]
|
|
@@ -2874,11 +2874,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2874
2874
|
|
|
2875
2875
|
class HeaderAuxMenuComponent {
|
|
2876
2876
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2877
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuComponent, isStandalone: true, selector: "div[sl-hdr-aux]", ngImport: i0, template: "<ng-content select=\"ul[sl-hdr-aux-container]\"></ng-content>\n", styles: ["div[sl-hdr-aux]{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2877
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuComponent, isStandalone: true, selector: "div[sl-hdr-aux]", ngImport: i0, template: "<ng-content select=\"ul[sl-hdr-aux-container]\"></ng-content>\r\n", styles: ["div[sl-hdr-aux]{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2878
2878
|
}
|
|
2879
2879
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, decorators: [{
|
|
2880
2880
|
type: Component,
|
|
2881
|
-
args: [{ selector: 'div[sl-hdr-aux]', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ul[sl-hdr-aux-container]\"></ng-content>\n", styles: ["div[sl-hdr-aux]{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"] }]
|
|
2881
|
+
args: [{ selector: 'div[sl-hdr-aux]', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ul[sl-hdr-aux-container]\"></ng-content>\r\n", styles: ["div[sl-hdr-aux]{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"] }]
|
|
2882
2882
|
}] });
|
|
2883
2883
|
|
|
2884
2884
|
class HeaderAuxMenuContainerComponent {
|
|
@@ -2886,11 +2886,11 @@ class HeaderAuxMenuContainerComponent {
|
|
|
2886
2886
|
this.onlyDesktop = false;
|
|
2887
2887
|
}
|
|
2888
2888
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2889
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuContainerComponent, isStandalone: true, selector: "ul[sl-hdr-aux-container]", inputs: { onlyDesktop: "onlyDesktop" }, ngImport: i0, template: "<ng-content select=\"li[sl-hdr-aux-item]\"></ng-content>\n<ng-content select=\"li#geoloc\"></ng-content>\n", styles: ["ul[sl-hdr-aux-container]{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2889
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuContainerComponent, isStandalone: true, selector: "ul[sl-hdr-aux-container]", inputs: { onlyDesktop: "onlyDesktop" }, ngImport: i0, template: "<ng-content select=\"li[sl-hdr-aux-item]\"></ng-content>\r\n<ng-content select=\"li#geoloc\"></ng-content>\r\n", styles: ["ul[sl-hdr-aux-container]{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2890
2890
|
}
|
|
2891
2891
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, decorators: [{
|
|
2892
2892
|
type: Component,
|
|
2893
|
-
args: [{ selector: 'ul[sl-hdr-aux-container]', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"li[sl-hdr-aux-item]\"></ng-content>\n<ng-content select=\"li#geoloc\"></ng-content>\n", styles: ["ul[sl-hdr-aux-container]{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}\n"] }]
|
|
2893
|
+
args: [{ selector: 'ul[sl-hdr-aux-container]', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"li[sl-hdr-aux-item]\"></ng-content>\r\n<ng-content select=\"li#geoloc\"></ng-content>\r\n", styles: ["ul[sl-hdr-aux-container]{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}\n"] }]
|
|
2894
2894
|
}], propDecorators: { onlyDesktop: [{
|
|
2895
2895
|
type: Input
|
|
2896
2896
|
}] } });
|
|
@@ -2904,11 +2904,11 @@ class HeaderAuxMenuItemDropdownComponent {
|
|
|
2904
2904
|
this.headerAuxMenuItemDDClick.emit(event);
|
|
2905
2905
|
}
|
|
2906
2906
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2907
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: "items" }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul>\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: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2907
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: "items" }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul>\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: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2908
2908
|
}
|
|
2909
2909
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
|
|
2910
2910
|
type: Component,
|
|
2911
|
-
args: [{ selector: 'div[sl-hdr-aux-item-dropdown]', standalone: true, imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<ul>\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: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
|
|
2911
|
+
args: [{ selector: 'div[sl-hdr-aux-item-dropdown]', standalone: true, imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<ul>\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: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
|
|
2912
2912
|
}], propDecorators: { items: [{
|
|
2913
2913
|
type: Input
|
|
2914
2914
|
}], headerAuxMenuItemDDClick: [{
|
|
@@ -2939,11 +2939,11 @@ class HeaderAuxMenuItemComponent {
|
|
|
2939
2939
|
this.isDropdownHover = value;
|
|
2940
2940
|
}
|
|
2941
2941
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [{ token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2942
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: "item", altStyle: "altStyle", onlyDesktop: "onlyDesktop" }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item) {\n <a\n class=\"sl-hdr-aux-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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (isMenuHover || isDropdownHover ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item.children?.length) {\n <div\n sl-hdr-aux-item-dropdown\n class=\"sl-hdr-aux-item-dropdown\"\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [items]=\"item.children ?? []\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\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: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2942
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: "item", altStyle: "altStyle", onlyDesktop: "onlyDesktop" }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"sl-hdr-aux-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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (isMenuHover || isDropdownHover ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n sl-hdr-aux-item-dropdown\r\n class=\"sl-hdr-aux-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\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: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2943
2943
|
}
|
|
2944
2944
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
2945
2945
|
type: Component,
|
|
2946
|
-
args: [{ selector: 'li[sl-hdr-aux-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\n <a\n class=\"sl-hdr-aux-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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (isMenuHover || isDropdownHover ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item.children?.length) {\n <div\n sl-hdr-aux-item-dropdown\n class=\"sl-hdr-aux-item-dropdown\"\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [items]=\"item.children ?? []\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"] }]
|
|
2946
|
+
args: [{ selector: 'li[sl-hdr-aux-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"sl-hdr-aux-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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (isMenuHover || isDropdownHover ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n sl-hdr-aux-item-dropdown\r\n class=\"sl-hdr-aux-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"] }]
|
|
2947
2947
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
2948
2948
|
type: Inject,
|
|
2949
2949
|
args: [LIB_CONFIG]
|
|
@@ -2961,11 +2961,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2961
2961
|
|
|
2962
2962
|
class HeaderMainMenuComponent {
|
|
2963
2963
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2964
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderMainMenuComponent, isStandalone: true, selector: "ul[sl-hdr-main]", ngImport: i0, template: "<ng-content select=\"li[sl-hdr-main-item]\"></ng-content>\n", styles: ["ul[sl-hdr-main]{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2964
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderMainMenuComponent, isStandalone: true, selector: "ul[sl-hdr-main]", ngImport: i0, template: "<ng-content select=\"li[sl-hdr-main-item]\"></ng-content>\r\n", styles: ["ul[sl-hdr-main]{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2965
2965
|
}
|
|
2966
2966
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, decorators: [{
|
|
2967
2967
|
type: Component,
|
|
2968
|
-
args: [{ selector: 'ul[sl-hdr-main]', standalone: true, imports: [], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"li[sl-hdr-main-item]\"></ng-content>\n", styles: ["ul[sl-hdr-main]{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }]
|
|
2968
|
+
args: [{ selector: 'ul[sl-hdr-main]', standalone: true, imports: [], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"li[sl-hdr-main-item]\"></ng-content>\r\n", styles: ["ul[sl-hdr-main]{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }]
|
|
2969
2969
|
}] });
|
|
2970
2970
|
|
|
2971
2971
|
class HeaderMainMenuItemDropdownComponent {
|
|
@@ -3042,11 +3042,11 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
3042
3042
|
this.lv3ItemSubscription?.unsubscribe();
|
|
3043
3043
|
}
|
|
3044
3044
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [{ token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3045
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: "item" }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item) {\n <div class=\"sl-hdr-main-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 {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\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 {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use xlink:href=\"/assets/icons/iconset-default.svg#arrowRightCircle\"></use>\n </svg>\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 {{ itemLv4.title }}\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\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\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 <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-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(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-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(--hdr-main-dd-cta-bg);border-radius:4px;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3045
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: "item" }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item) {\r\n <div class=\"sl-hdr-main-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 {{ itemLv2.title }}\r\n @if (itemLv2?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\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 {{ itemLv3.title }}\r\n @if (itemLv3?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use xlink:href=\"/assets/icons/iconset-default.svg#arrowRightCircle\"></use>\r\n </svg>\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 {{ itemLv4.title }}\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\r\n loading=\"lazy\"\r\n fetchpriority=\"low\"\r\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n />\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 <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + cta.icone\"></use>\r\n </svg>\r\n {{ cta.titulo }}\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-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(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-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(--hdr-main-dd-cta-bg);border-radius:4px;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3046
3046
|
}
|
|
3047
3047
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
3048
3048
|
type: Component,
|
|
3049
|
-
args: [{ selector: 'div[sl-hdr-main-item-dropdown]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\n <div class=\"sl-hdr-main-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 {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\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 {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use xlink:href=\"/assets/icons/iconset-default.svg#arrowRightCircle\"></use>\n </svg>\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 {{ itemLv4.title }}\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\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\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 <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-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(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-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(--hdr-main-dd-cta-bg);border-radius:4px;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
|
|
3049
|
+
args: [{ selector: 'div[sl-hdr-main-item-dropdown]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n <div class=\"sl-hdr-main-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 {{ itemLv2.title }}\r\n @if (itemLv2?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\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 {{ itemLv3.title }}\r\n @if (itemLv3?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use xlink:href=\"/assets/icons/iconset-default.svg#arrowRightCircle\"></use>\r\n </svg>\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 {{ itemLv4.title }}\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\r\n loading=\"lazy\"\r\n fetchpriority=\"low\"\r\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n />\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 <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + cta.icone\"></use>\r\n </svg>\r\n {{ cta.titulo }}\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-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(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-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(--hdr-main-dd-cta-bg);border-radius:4px;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
|
|
3050
3050
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
3051
3051
|
type: Inject,
|
|
3052
3052
|
args: [LIB_CONFIG]
|
|
@@ -3106,11 +3106,11 @@ class HeaderMainMenuItemComponent {
|
|
|
3106
3106
|
this.dropdownSubscription?.unsubscribe();
|
|
3107
3107
|
}
|
|
3108
3108
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [{ token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3109
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-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=\"sl-hdr-main-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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (!!dropdownComponent?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item.children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\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: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3109
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-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=\"sl-hdr-main-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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (!!dropdownComponent?.opened() ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n sl-hdr-main-item-dropdown\r\n class=\"sl-hdr-main-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'grid' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [item]=\"item\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\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: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3110
3110
|
}
|
|
3111
3111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
3112
3112
|
type: Component,
|
|
3113
|
-
args: [{ selector: 'li[sl-hdr-main-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\n <a\n class=\"sl-hdr-main-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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (!!dropdownComponent?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item.children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"] }]
|
|
3113
|
+
args: [{ selector: 'li[sl-hdr-main-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n <a\r\n class=\"sl-hdr-main-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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (!!dropdownComponent?.opened() ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n sl-hdr-main-item-dropdown\r\n class=\"sl-hdr-main-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'grid' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [item]=\"item\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"] }]
|
|
3114
3114
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
3115
3115
|
type: Inject,
|
|
3116
3116
|
args: [LIB_CONFIG]
|
|
@@ -3138,11 +3138,11 @@ class HeaderSideMenuComponent {
|
|
|
3138
3138
|
this.headerService.toggleShowSideMenu(false);
|
|
3139
3139
|
}
|
|
3140
3140
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, deps: [{ token: HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3141
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderSideMenuComponent, isStandalone: true, selector: "div[sl-hdr-side]", ngImport: i0, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n <div class=\"side-menu\">\n <div class=\"side-menu-close\">\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\n </svg>\n </button>\n </div>\n\n <ng-content select=\"#side-menu-geoloc\"></ng-content>\n\n <nav>\n <ul class=\"side-menu-content\">\n <ng-content select=\"li[sl-hdr-side-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: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.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(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderSideMenuComponent, isStandalone: true, selector: "div[sl-hdr-side]", ngImport: i0, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n <ng-content select=\"#side-menu-geoloc\"></ng-content>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"li[sl-hdr-side-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: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.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(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3142
3142
|
}
|
|
3143
3143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
3144
3144
|
type: Component,
|
|
3145
|
-
args: [{ selector: 'div[sl-hdr-side]', standalone: true, imports: [CommonModule, OverlayComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n <div class=\"side-menu\">\n <div class=\"side-menu-close\">\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\n </svg>\n </button>\n </div>\n\n <ng-content select=\"#side-menu-geoloc\"></ng-content>\n\n <nav>\n <ul class=\"side-menu-content\">\n <ng-content select=\"li[sl-hdr-side-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: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.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(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"] }]
|
|
3145
|
+
args: [{ selector: 'div[sl-hdr-side]', standalone: true, imports: [CommonModule, OverlayComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n <ng-content select=\"#side-menu-geoloc\"></ng-content>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"li[sl-hdr-side-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: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.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(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"] }]
|
|
3146
3146
|
}], ctorParameters: () => [{ type: HeaderService }, { type: undefined, decorators: [{
|
|
3147
3147
|
type: Inject,
|
|
3148
3148
|
args: [LIB_CONFIG]
|
|
@@ -3175,11 +3175,11 @@ class HeaderSideMenuItemComponent {
|
|
|
3175
3175
|
this.headerSideMenuItemClick.emit(event);
|
|
3176
3176
|
}
|
|
3177
3177
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: "item", altStyle: "altStyle", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\n <div class=\"sl-hdr-side-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>{{ item.title }}</span>\n @if (!item.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\n </svg>\n }\n </a>\n\n @if (item.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\n </svg>\n }\n </div>\n\n @if (item.children?.length) {\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\n @for (child of item.children; track child.title) {\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\n }\n </ul>\n }\n}\n", styles: [".sl-hdr-side-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(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3178
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: "item", altStyle: "altStyle", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\r\n <div class=\"sl-hdr-side-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>{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track child.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".sl-hdr-side-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(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3179
3179
|
}
|
|
3180
3180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
3181
3181
|
type: Component,
|
|
3182
|
-
args: [{ selector: 'li[sl-hdr-side-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\n <div class=\"sl-hdr-side-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>{{ item.title }}</span>\n @if (!item.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\n </svg>\n }\n </a>\n\n @if (item.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\n </svg>\n }\n </div>\n\n @if (item.children?.length) {\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\n @for (child of item.children; track child.title) {\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\n }\n </ul>\n }\n}\n", styles: [".sl-hdr-side-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(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"] }]
|
|
3182
|
+
args: [{ selector: 'li[sl-hdr-side-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n <div class=\"sl-hdr-side-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>{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track child.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".sl-hdr-side-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(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"] }]
|
|
3183
3183
|
}], ctorParameters: () => [{ type: HeaderService }, { type: undefined, decorators: [{
|
|
3184
3184
|
type: Inject,
|
|
3185
3185
|
args: [LIB_CONFIG]
|
|
@@ -3205,11 +3205,11 @@ class LoadScreenComponent {
|
|
|
3205
3205
|
};
|
|
3206
3206
|
}
|
|
3207
3207
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadScreenComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3208
|
-
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"] }); }
|
|
3208
|
+
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"] }); }
|
|
3209
3209
|
}
|
|
3210
3210
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoadScreenComponent, decorators: [{
|
|
3211
3211
|
type: Component,
|
|
3212
|
-
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"] }]
|
|
3212
|
+
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"] }]
|
|
3213
3213
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { styleBinding: [{
|
|
3214
3214
|
type: HostBinding,
|
|
3215
3215
|
args: ['style']
|
|
@@ -3223,11 +3223,11 @@ class SideCtasComponent {
|
|
|
3223
3223
|
};
|
|
3224
3224
|
}
|
|
3225
3225
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3226
|
-
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"] }] }); }
|
|
3226
|
+
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"] }] }); }
|
|
3227
3227
|
}
|
|
3228
3228
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
3229
3229
|
type: Component,
|
|
3230
|
-
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"] }]
|
|
3230
|
+
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"] }]
|
|
3231
3231
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { style: [{
|
|
3232
3232
|
type: HostBinding,
|
|
3233
3233
|
args: ['style']
|
|
@@ -3256,11 +3256,11 @@ class SideCtasBottomComponent {
|
|
|
3256
3256
|
this.sideCtaBottomItemClick.emit(event);
|
|
3257
3257
|
}
|
|
3258
3258
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3259
|
-
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"] }] }); }
|
|
3259
|
+
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"] }] }); }
|
|
3260
3260
|
}
|
|
3261
3261
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
3262
3262
|
type: Component,
|
|
3263
|
-
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"] }]
|
|
3263
|
+
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"] }]
|
|
3264
3264
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
3265
3265
|
type: Input
|
|
3266
3266
|
}], sideCtaBottomItemClick: [{
|
|
@@ -3294,11 +3294,11 @@ class WhatsappComponent {
|
|
|
3294
3294
|
this.whatsappClick.emit(event);
|
|
3295
3295
|
}
|
|
3296
3296
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3297
|
-
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"] }] }); }
|
|
3297
|
+
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"] }] }); }
|
|
3298
3298
|
}
|
|
3299
3299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
3300
3300
|
type: Component,
|
|
3301
|
-
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"] }]
|
|
3301
|
+
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"] }]
|
|
3302
3302
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { link: [{
|
|
3303
3303
|
type: Input
|
|
3304
3304
|
}], imgUrl: [{
|
|
@@ -3332,11 +3332,11 @@ class SideCtasRightBottomComponent {
|
|
|
3332
3332
|
this.sideCtaRightBottomItemClick.emit(event);
|
|
3333
3333
|
}
|
|
3334
3334
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3335
|
-
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"] }] }); }
|
|
3335
|
+
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"] }] }); }
|
|
3336
3336
|
}
|
|
3337
3337
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightBottomComponent, decorators: [{
|
|
3338
3338
|
type: Component,
|
|
3339
|
-
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" }]
|
|
3339
|
+
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" }]
|
|
3340
3340
|
}], propDecorators: { link: [{
|
|
3341
3341
|
type: Input
|
|
3342
3342
|
}], imgUrl: [{
|
|
@@ -3375,11 +3375,11 @@ class SideCtasRightMiddleComponent {
|
|
|
3375
3375
|
this.sideCtaRightMiddleItemClick.emit(event);
|
|
3376
3376
|
}
|
|
3377
3377
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3378
|
-
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"] }] }); }
|
|
3378
|
+
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"] }] }); }
|
|
3379
3379
|
}
|
|
3380
3380
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
3381
3381
|
type: Component,
|
|
3382
|
-
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"] }]
|
|
3382
|
+
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"] }]
|
|
3383
3383
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
3384
3384
|
type: Input
|
|
3385
3385
|
}], sideCtaRightMiddleItemClick: [{
|
|
@@ -3391,11 +3391,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3391
3391
|
|
|
3392
3392
|
class SideCtasRightTopComponent {
|
|
3393
3393
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3394
|
-
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"] }); }
|
|
3394
|
+
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"] }); }
|
|
3395
3395
|
}
|
|
3396
3396
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightTopComponent, decorators: [{
|
|
3397
3397
|
type: Component,
|
|
3398
|
-
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"] }]
|
|
3398
|
+
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"] }]
|
|
3399
3399
|
}] });
|
|
3400
3400
|
|
|
3401
3401
|
class AlgoliaDropdownComponent {
|
|
@@ -3474,11 +3474,11 @@ class AlgoliaDropdownComponent {
|
|
|
3474
3474
|
this.optionSelected.emit(event.target.value);
|
|
3475
3475
|
}
|
|
3476
3476
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlgoliaDropdownComponent, deps: [{ token: AlgoliaSearchApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3477
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlgoliaDropdownComponent, isStandalone: true, selector: "rdsite-algolia-dropdown", inputs: { algoliaConfig: "algoliaConfig", name: "name", value: "value", size: "size", label: "label", placeholder: "placeholder", status: "status", icon: "icon", disabled: "disabled", required: "required", maxheight: "maxheight", searchdelay: "searchdelay", searchminchars: "searchminchars", helperText: "helperText", cssMaxHeight: "cssMaxHeight", searchParams: "searchParams" }, outputs: { algoliaResults: "algoliaResults", resetResults: "resetResults", optionSelected: "optionSelected" }, ngImport: i0, template: "<cura-dropdown-search\n [name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [status]=\"status\"\n [icon]=\"icon\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [maxheight]=\"maxheight\"\n [searchdelay]=\"searchdelay\"\n [searchminchars]=\"searchminchars\"\n [helperText]=\"helperText\"\n [cssMaxHeight]=\"cssMaxHeight\"\n (termchange)=\"termChange($event)\"\n (optionselect)=\"optionSelect($event)\"\n>\n <ng-content></ng-content>\n</cura-dropdown-search>\n", styles: [""] }); }
|
|
3477
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlgoliaDropdownComponent, isStandalone: true, selector: "rdsite-algolia-dropdown", inputs: { algoliaConfig: "algoliaConfig", name: "name", value: "value", size: "size", label: "label", placeholder: "placeholder", status: "status", icon: "icon", disabled: "disabled", required: "required", maxheight: "maxheight", searchdelay: "searchdelay", searchminchars: "searchminchars", helperText: "helperText", cssMaxHeight: "cssMaxHeight", searchParams: "searchParams" }, outputs: { algoliaResults: "algoliaResults", resetResults: "resetResults", optionSelected: "optionSelected" }, ngImport: i0, template: "<cura-dropdown-search\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n [label]=\"label\"\r\n [status]=\"status\"\r\n [icon]=\"icon\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n [maxheight]=\"maxheight\"\r\n [searchdelay]=\"searchdelay\"\r\n [searchminchars]=\"searchminchars\"\r\n [helperText]=\"helperText\"\r\n [cssMaxHeight]=\"cssMaxHeight\"\r\n (termchange)=\"termChange($event)\"\r\n (optionselect)=\"optionSelect($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</cura-dropdown-search>\r\n", styles: [""] }); }
|
|
3478
3478
|
}
|
|
3479
3479
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlgoliaDropdownComponent, decorators: [{
|
|
3480
3480
|
type: Component,
|
|
3481
|
-
args: [{ selector: 'rdsite-algolia-dropdown', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<cura-dropdown-search\n [name]=\"name\"\n [value]=\"value\"\n [placeholder]=\"placeholder\"\n [label]=\"label\"\n [status]=\"status\"\n [icon]=\"icon\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n [maxheight]=\"maxheight\"\n [searchdelay]=\"searchdelay\"\n [searchminchars]=\"searchminchars\"\n [helperText]=\"helperText\"\n [cssMaxHeight]=\"cssMaxHeight\"\n (termchange)=\"termChange($event)\"\n (optionselect)=\"optionSelect($event)\"\n>\n <ng-content></ng-content>\n</cura-dropdown-search>\n" }]
|
|
3481
|
+
args: [{ selector: 'rdsite-algolia-dropdown', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<cura-dropdown-search\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n [label]=\"label\"\r\n [status]=\"status\"\r\n [icon]=\"icon\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n [maxheight]=\"maxheight\"\r\n [searchdelay]=\"searchdelay\"\r\n [searchminchars]=\"searchminchars\"\r\n [helperText]=\"helperText\"\r\n [cssMaxHeight]=\"cssMaxHeight\"\r\n (termchange)=\"termChange($event)\"\r\n (optionselect)=\"optionSelect($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</cura-dropdown-search>\r\n" }]
|
|
3482
3482
|
}], ctorParameters: () => [{ type: AlgoliaSearchApiService }], propDecorators: { algoliaConfig: [{
|
|
3483
3483
|
type: Input,
|
|
3484
3484
|
args: ['algoliaConfig']
|
|
@@ -3572,11 +3572,11 @@ class CtaWrapperComponent {
|
|
|
3572
3572
|
this.seeMoreControl = !this.seeMoreControl;
|
|
3573
3573
|
}
|
|
3574
3574
|
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 }); }
|
|
3575
|
-
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 <nav 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 </nav>\n } @else {\n <nav 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 </nav>\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:50px}: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"] }] }); }
|
|
3575
|
+
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 <nav 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 </nav>\r\n } @else {\r\n <nav 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 </nav>\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:50px}: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"] }] }); }
|
|
3576
3576
|
}
|
|
3577
3577
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
|
|
3578
3578
|
type: Component,
|
|
3579
|
-
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 <nav 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 </nav>\n } @else {\n <nav 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 </nav>\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:50px}: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"] }]
|
|
3579
|
+
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 <nav 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 </nav>\r\n } @else {\r\n <nav 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 </nav>\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:50px}: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"] }]
|
|
3580
3580
|
}], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }, { type: undefined, decorators: [{
|
|
3581
3581
|
type: Inject,
|
|
3582
3582
|
args: [PLATFORM_ID]
|
|
@@ -3698,11 +3698,11 @@ class BreadcrumbsComponent {
|
|
|
3698
3698
|
}));
|
|
3699
3699
|
}
|
|
3700
3700
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: CuraService }, { token: i0.ChangeDetectorRef }, { token: LIB_CONFIG }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3701
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { labelIconColor: "labelIconColor", fontWeight: "fontWeight", breadcrumbs: "breadcrumbs" }, 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 !== null && (isDesktop || breadcrumbs.length < 3)) {\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\n } @else if (isDesktop !== null) {\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 *{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:var(--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:var(--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:var(--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"] }] }); }
|
|
3701
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { labelIconColor: "labelIconColor", fontWeight: "fontWeight", breadcrumbs: "breadcrumbs" }, 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 !== null && (isDesktop || breadcrumbs.length < 3)) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else if (isDesktop !== null) {\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:var(--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:var(--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:var(--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"] }] }); }
|
|
3702
3702
|
}
|
|
3703
3703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
3704
3704
|
type: Component,
|
|
3705
|
-
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 !== null && (isDesktop || breadcrumbs.length < 3)) {\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\n } @else if (isDesktop !== null) {\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 *{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:var(--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:var(--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:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"] }]
|
|
3705
|
+
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 !== null && (isDesktop || breadcrumbs.length < 3)) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else if (isDesktop !== null) {\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:var(--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:var(--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:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"] }]
|
|
3706
3706
|
}], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
3707
3707
|
type: Inject,
|
|
3708
3708
|
args: [LIB_CONFIG]
|
|
@@ -3957,11 +3957,11 @@ class ErrorComponent {
|
|
|
3957
3957
|
this.ctasSubscription?.unsubscribe();
|
|
3958
3958
|
}
|
|
3959
3959
|
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 }); }
|
|
3960
|
-
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\" [fontWeight]=\"breadcrumbFontWeight\"></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=\"reload\" 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:20px 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}\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", "fontWeight", "breadcrumbs"] }] }); }
|
|
3960
|
+
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\" [fontWeight]=\"breadcrumbFontWeight\"></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=\"reload\" 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:20px 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}\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", "fontWeight", "breadcrumbs"] }] }); }
|
|
3961
3961
|
}
|
|
3962
3962
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
3963
3963
|
type: Component,
|
|
3964
|
-
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\" [fontWeight]=\"breadcrumbFontWeight\"></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=\"reload\" 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:20px 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}\n"] }]
|
|
3964
|
+
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\" [fontWeight]=\"breadcrumbFontWeight\"></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=\"reload\" 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:20px 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}\n"] }]
|
|
3965
3965
|
}], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
|
|
3966
3966
|
type: Inject,
|
|
3967
3967
|
args: [PLATFORM_ID]
|
|
@@ -4001,11 +4001,11 @@ class PageHeaderComponent {
|
|
|
4001
4001
|
this.bgColor = 'primary-base';
|
|
4002
4002
|
}
|
|
4003
4003
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4004
|
-
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: "<div 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 <h1>{{ pageTitle }}</h1>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</div>\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", "fontWeight", "breadcrumbs"] }] }); }
|
|
4004
|
+
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: "<div 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</div>\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", "fontWeight", "breadcrumbs"] }] }); }
|
|
4005
4005
|
}
|
|
4006
4006
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
4007
4007
|
type: Component,
|
|
4008
|
-
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div 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 <h1>{{ pageTitle }}</h1>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</div>\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"] }]
|
|
4008
|
+
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div 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</div>\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"] }]
|
|
4009
4009
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { pageTitle: [{
|
|
4010
4010
|
type: Input
|
|
4011
4011
|
}], pageHeaderText: [{
|
|
@@ -4032,11 +4032,11 @@ class PageTemplateSidebarComponent {
|
|
|
4032
4032
|
this.isArticle = false;
|
|
4033
4033
|
}
|
|
4034
4034
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4035
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent", isArticle: "isArticle" }, ngImport: i0, template: "@if (isArticle) {\n <article class=\"rdsite-template-sidebar\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </article>\n} @else {\n <section class=\"rdsite-template-sidebar\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </section>\n}\n<ng-template #mainContent>\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</ng-template>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4035
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent", isArticle: "isArticle" }, ngImport: i0, template: "@if (isArticle) {\r\n <article class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </section>\r\n}\r\n<ng-template #mainContent>\r\n @if (header) {\r\n <header class=\"rdsite-template-header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </header>\r\n }\r\n @if (stickyContent) {\r\n <div class=\"rdsite-template-sticky-content\">\r\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (beforeContent) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n </div>\r\n }\r\n <div class=\"rdsite-template-container\">\r\n @if (content) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\r\n </aside>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n@if (afterContent?.length) {\r\n @for (tpl of afterContent; track $index) {\r\n @if (tpl.show) {\r\n <aside class=\"rdsite-template-after-content\">\r\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n </aside>\r\n }\r\n }\r\n}\r\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4036
4036
|
}
|
|
4037
4037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
4038
4038
|
type: Component,
|
|
4039
|
-
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (isArticle) {\n <article class=\"rdsite-template-sidebar\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </article>\n} @else {\n <section class=\"rdsite-template-sidebar\">\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n </section>\n}\n<ng-template #mainContent>\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</ng-template>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
4039
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (isArticle) {\r\n <article class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </section>\r\n}\r\n<ng-template #mainContent>\r\n @if (header) {\r\n <header class=\"rdsite-template-header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </header>\r\n }\r\n @if (stickyContent) {\r\n <div class=\"rdsite-template-sticky-content\">\r\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (beforeContent) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n </div>\r\n }\r\n <div class=\"rdsite-template-container\">\r\n @if (content) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\r\n </aside>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n@if (afterContent?.length) {\r\n @for (tpl of afterContent; track $index) {\r\n @if (tpl.show) {\r\n <aside class=\"rdsite-template-after-content\">\r\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n </aside>\r\n }\r\n }\r\n}\r\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
4040
4040
|
}], propDecorators: { header: [{
|
|
4041
4041
|
type: Input
|
|
4042
4042
|
}], stickyContent: [{
|
|
@@ -4077,7 +4077,7 @@ class FilterGenericComponent {
|
|
|
4077
4077
|
this.selectedFiltersCount = 0;
|
|
4078
4078
|
this.windowWidth = 0;
|
|
4079
4079
|
this.styleBinding = {
|
|
4080
|
-
'--neutral-opacity-
|
|
4080
|
+
'--neutral-opacity-black': this.curaService.getColor('neutral-black', 0.2),
|
|
4081
4081
|
'--neutral-darker': this.curaService.getColor('neutral-darker'),
|
|
4082
4082
|
'--neutral-medium': this.curaService.getColor('neutral-medium'),
|
|
4083
4083
|
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
@@ -4245,11 +4245,11 @@ class FilterGenericComponent {
|
|
|
4245
4245
|
return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
|
|
4246
4246
|
}
|
|
4247
4247
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, deps: [{ token: CuraService }, { token: i0.ChangeDetectorRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4248
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n class=\"filter-generic\"\n [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\n aria-label=\"Filtros\"\n (click)=\"handleMobileClick()\"\n>\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\n <div class=\"filter-title-wrapper\">\n <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\n {{ textTitle }}\n </cura-label>\n\n @if (showBadge) {\n <cura-badge-counter\n [type]=\"'solid'\"\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n [number]=\"selectedFiltersCount\"\n class=\"filter-badge\"\n ></cura-badge-counter>\n }\n </div>\n\n @if (showToggleIcon) {\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n </cura-button-transparent>\n }\n </div>\n\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\n @for (section of sections; track section.type) {\n @if (section.visible !== false) {\n <div class=\"filter-section\">\n @switch (section.type) {\n @case ('input') {\n <cura-input-text\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [attr.value]=\"section.config.control.value\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [attr.value]=\"section.config.control.value\"\n (selected)=\"handleSelectChange($event, section.config.control)\"\n >\n @if (section.config.includeDefaultOption) {\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\n }\n @for (option of section.config.options || []; track option?.value) {\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\n }\n </cura-select>\n }\n @case ('checkbox-group') {\n @if (section.config.title) {\n <div class=\"filter-header\">\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 {{ section.config.title }}\n </cura-heading>\n </div>\n }\n @if (section.config.subtitle) {\n <div class=\"filter-subtitle\">\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\n {{ section.config.subtitle }}\n </cura-heading>\n </div>\n }\n\n @if (section.config.description) {\n <div class=\"filter-description\">\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n {{ section.config.description }}\n </cura-paragraph>\n </div>\n }\n\n <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\n @for (option of section.config.options || []; 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)=\"handleCheckboxChange($event, section.config.options)\"\n ></cura-checkbox>\n }\n </div>\n }\n @case ('radio-group') {\n <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\n @for (option of section.config.options || []; track option?.value) {\n <cura-radio\n [name]=\"section.config.name || 'radio-group'\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\n (onchange)=\"handleRadioChange($event, section.config.control)\"\n ></cura-radio>\n }\n </div>\n }\n @case ('custom') {\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\n }\n }\n </div>\n }\n }\n </div>\n\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\n <div class=\"main-actions\">\n @if (showClearButton) {\n <cura-button-transparent\n size=\"small\"\n font-color=\"dark\"\n color=\"primary\"\n text-align=\"center\"\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\n (click)=\"reset()\"\n >\n <span>Limpar todos os filtros</span>\n </cura-button-transparent>\n }\n\n @if (showApplyButton) {\n <cura-button\n size=\"medium\"\n font-color=\"light\"\n color=\"primary\"\n text-align=\"center\"\n (click)=\"filter()\"\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\n class=\"filter-button\"\n >\n Filtrar\n </cura-button>\n }\n </div>\n\n @if (showCloseButton) {\n <div class=\"divider-strong\"></div>\n <div class=\"close-action-wrapper\">\n <div class=\"close-action\" (click)=\"close()\">\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
4248
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n class=\"filter-generic\"\r\n [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n aria-label=\"Filtros\"\r\n (click)=\"handleMobileClick()\"\r\n>\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-label>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n @if (section.config.title) {\r\n <div class=\"filter-header\">\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 {{ section.config.title }}\r\n </cura-heading>\r\n </div>\r\n }\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n @for (option of section.config.options || []; 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)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
4249
4249
|
}
|
|
4250
4250
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, decorators: [{
|
|
4251
4251
|
type: Component,
|
|
4252
|
-
args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\n class=\"filter-generic\"\n [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\n aria-label=\"Filtros\"\n (click)=\"handleMobileClick()\"\n>\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\n <div class=\"filter-title-wrapper\">\n <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\n {{ textTitle }}\n </cura-label>\n\n @if (showBadge) {\n <cura-badge-counter\n [type]=\"'solid'\"\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n [number]=\"selectedFiltersCount\"\n class=\"filter-badge\"\n ></cura-badge-counter>\n }\n </div>\n\n @if (showToggleIcon) {\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n </cura-button-transparent>\n }\n </div>\n\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\n @for (section of sections; track section.type) {\n @if (section.visible !== false) {\n <div class=\"filter-section\">\n @switch (section.type) {\n @case ('input') {\n <cura-input-text\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [attr.value]=\"section.config.control.value\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [attr.value]=\"section.config.control.value\"\n (selected)=\"handleSelectChange($event, section.config.control)\"\n >\n @if (section.config.includeDefaultOption) {\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\n }\n @for (option of section.config.options || []; track option?.value) {\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\n }\n </cura-select>\n }\n @case ('checkbox-group') {\n @if (section.config.title) {\n <div class=\"filter-header\">\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 {{ section.config.title }}\n </cura-heading>\n </div>\n }\n @if (section.config.subtitle) {\n <div class=\"filter-subtitle\">\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\n {{ section.config.subtitle }}\n </cura-heading>\n </div>\n }\n\n @if (section.config.description) {\n <div class=\"filter-description\">\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n {{ section.config.description }}\n </cura-paragraph>\n </div>\n }\n\n <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\n @for (option of section.config.options || []; 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)=\"handleCheckboxChange($event, section.config.options)\"\n ></cura-checkbox>\n }\n </div>\n }\n @case ('radio-group') {\n <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\n @for (option of section.config.options || []; track option?.value) {\n <cura-radio\n [name]=\"section.config.name || 'radio-group'\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\n (onchange)=\"handleRadioChange($event, section.config.control)\"\n ></cura-radio>\n }\n </div>\n }\n @case ('custom') {\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\n }\n }\n </div>\n }\n }\n </div>\n\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\n <div class=\"main-actions\">\n @if (showClearButton) {\n <cura-button-transparent\n size=\"small\"\n font-color=\"dark\"\n color=\"primary\"\n text-align=\"center\"\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\n (click)=\"reset()\"\n >\n <span>Limpar todos os filtros</span>\n </cura-button-transparent>\n }\n\n @if (showApplyButton) {\n <cura-button\n size=\"medium\"\n font-color=\"light\"\n color=\"primary\"\n text-align=\"center\"\n (click)=\"filter()\"\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\n class=\"filter-button\"\n >\n Filtrar\n </cura-button>\n }\n </div>\n\n @if (showCloseButton) {\n <div class=\"divider-strong\"></div>\n <div class=\"close-action-wrapper\">\n <div class=\"close-action\" (click)=\"close()\">\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
|
|
4252
|
+
args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n class=\"filter-generic\"\r\n [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n aria-label=\"Filtros\"\r\n (click)=\"handleMobileClick()\"\r\n>\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-label>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n @if (section.config.title) {\r\n <div class=\"filter-header\">\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 {{ section.config.title }}\r\n </cura-heading>\r\n </div>\r\n }\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n @for (option of section.config.options || []; 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)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
|
|
4253
4253
|
}], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
4254
4254
|
type: Inject,
|
|
4255
4255
|
args: [PLATFORM_ID]
|
|
@@ -4380,11 +4380,11 @@ class FilterPlanosConveniosComponent {
|
|
|
4380
4380
|
this.coberturaControl.reset(this.coberturas);
|
|
4381
4381
|
}
|
|
4382
4382
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4383
|
-
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 }] }); }
|
|
4383
|
+
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 }] }); }
|
|
4384
4384
|
}
|
|
4385
4385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
|
|
4386
4386
|
type: Component,
|
|
4387
|
-
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"] }]
|
|
4387
|
+
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"] }]
|
|
4388
4388
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { filterChange: [{
|
|
4389
4389
|
type: Output
|
|
4390
4390
|
}], closeModal: [{
|
|
@@ -4478,11 +4478,11 @@ class FilterLetterAndTermsComponent {
|
|
|
4478
4478
|
}
|
|
4479
4479
|
}
|
|
4480
4480
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [{ token: CuraService }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4481
|
-
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", baseUrlAll: "baseUrlAll", enableScroll: "enableScroll", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </a>\n\n @for (option of options; track option) {\n <a\n [id]=\"option\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === option\"\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </a>\n }\n</div>\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 (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@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{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }); }
|
|
4481
|
+
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", baseUrlAll: "baseUrlAll", enableScroll: "enableScroll", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\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 (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@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{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }); }
|
|
4482
4482
|
}
|
|
4483
4483
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
4484
4484
|
type: Component,
|
|
4485
|
-
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </a>\n\n @for (option of options; track option) {\n <a\n [id]=\"option\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === option\"\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </a>\n }\n</div>\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 (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@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{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }]
|
|
4485
|
+
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\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 (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@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{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }]
|
|
4486
4486
|
}], ctorParameters: () => [{ type: CuraService }, { type: Document, decorators: [{
|
|
4487
4487
|
type: Inject,
|
|
4488
4488
|
args: [DOCUMENT]
|
|
@@ -4601,11 +4601,11 @@ class SectionNavigationComponent {
|
|
|
4601
4601
|
this.scrollToMenuAnchorSubscription?.unsubscribe();
|
|
4602
4602
|
}
|
|
4603
4603
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4604
|
-
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"] }] }); }
|
|
4604
|
+
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"] }] }); }
|
|
4605
4605
|
}
|
|
4606
4606
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
4607
4607
|
type: Component,
|
|
4608
|
-
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"] }]
|
|
4608
|
+
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"] }]
|
|
4609
4609
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { containerEl: [{
|
|
4610
4610
|
type: ViewChild,
|
|
4611
4611
|
args: ['containerEl']
|
|
@@ -4666,11 +4666,11 @@ class ImageComponent {
|
|
|
4666
4666
|
this.imageDefaultSrc = this.libConfig.fallbackImgSrc || '';
|
|
4667
4667
|
}
|
|
4668
4668
|
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 }); }
|
|
4669
|
-
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 }] }); }
|
|
4669
|
+
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 }] }); }
|
|
4670
4670
|
}
|
|
4671
4671
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
4672
4672
|
type: Component,
|
|
4673
|
-
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"] }]
|
|
4673
|
+
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"] }]
|
|
4674
4674
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
4675
4675
|
type: Inject,
|
|
4676
4676
|
args: [LIB_CONFIG]
|
|
@@ -4713,11 +4713,11 @@ class CardUnidadePlanosConveniosComponent {
|
|
|
4713
4713
|
};
|
|
4714
4714
|
}
|
|
4715
4715
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4716
|
-
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"] }] }); }
|
|
4716
|
+
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"] }] }); }
|
|
4717
4717
|
}
|
|
4718
4718
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, decorators: [{
|
|
4719
4719
|
type: Component,
|
|
4720
|
-
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"] }]
|
|
4720
|
+
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"] }]
|
|
4721
4721
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { title: [{
|
|
4722
4722
|
type: Input
|
|
4723
4723
|
}], subtitle: [{
|
|
@@ -4779,11 +4779,11 @@ class ExpandableCardComponent {
|
|
|
4779
4779
|
this.classes = this.disabled ? ['disabled'] : [];
|
|
4780
4780
|
}
|
|
4781
4781
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4782
|
-
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"] }] }); }
|
|
4782
|
+
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"] }] }); }
|
|
4783
4783
|
}
|
|
4784
4784
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
4785
4785
|
type: Component,
|
|
4786
|
-
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"] }]
|
|
4786
|
+
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"] }]
|
|
4787
4787
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { opened: [{
|
|
4788
4788
|
type: Input
|
|
4789
4789
|
}], label: [{
|
|
@@ -4824,11 +4824,11 @@ class ContentBannerComponent {
|
|
|
4824
4824
|
this.ctaClick.emit({ text, link });
|
|
4825
4825
|
}
|
|
4826
4826
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4827
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, outputs: { ctaClick: "ctaClick" }, 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\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\n size=\"large\"\n type=\"button\"\n color=\"accent\"\n [attr.icon-name]=\"content?.cta?.icon || ''\"\n [href]=\"content?.cta?.link\"\n target=\"_self\"\n >\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"] }] }); }
|
|
4827
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, outputs: { ctaClick: "ctaClick" }, 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\r\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\r\n size=\"large\"\r\n type=\"button\"\r\n color=\"accent\"\r\n [attr.icon-name]=\"content?.cta?.icon || ''\"\r\n [href]=\"content?.cta?.link\"\r\n target=\"_self\"\r\n >\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"] }] }); }
|
|
4828
4828
|
}
|
|
4829
4829
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, decorators: [{
|
|
4830
4830
|
type: Component,
|
|
4831
|
-
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\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\n size=\"large\"\n type=\"button\"\n color=\"accent\"\n [attr.icon-name]=\"content?.cta?.icon || ''\"\n [href]=\"content?.cta?.link\"\n target=\"_self\"\n >\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"] }]
|
|
4831
|
+
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\r\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\r\n size=\"large\"\r\n type=\"button\"\r\n color=\"accent\"\r\n [attr.icon-name]=\"content?.cta?.icon || ''\"\r\n [href]=\"content?.cta?.link\"\r\n target=\"_self\"\r\n >\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"] }]
|
|
4832
4832
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { content: [{
|
|
4833
4833
|
type: Input
|
|
4834
4834
|
}], ctaClick: [{
|
|
@@ -4868,11 +4868,11 @@ class PaginationComponent {
|
|
|
4868
4868
|
}
|
|
4869
4869
|
}
|
|
4870
4870
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4871
|
-
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", darkMode: "darkMode" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n class=\"rdsite-pagination\"\n [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\n [style]=\"customStyle\"\n data-testid=\"_rdsite-rdsite-pagination\"\n>\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\n name=\"arrowLeftCircle\"\n size=\"24\"\n [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\n >\n </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\n name=\"arrowRightCircle\"\n size=\"24\"\n [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\n >\n </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%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.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%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
4871
|
+
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", darkMode: "darkMode" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n class=\"rdsite-pagination\"\r\n [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\r\n [style]=\"customStyle\"\r\n data-testid=\"_rdsite-rdsite-pagination\"\r\n>\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\r\n name=\"arrowLeftCircle\"\r\n size=\"24\"\r\n [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n >\r\n </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\r\n name=\"arrowRightCircle\"\r\n size=\"24\"\r\n [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n >\r\n </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%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.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%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
4872
4872
|
}
|
|
4873
4873
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
4874
4874
|
type: Component,
|
|
4875
|
-
args: [{ selector: 'rdsite-pagination', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\n class=\"rdsite-pagination\"\n [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\n [style]=\"customStyle\"\n data-testid=\"_rdsite-rdsite-pagination\"\n>\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\n name=\"arrowLeftCircle\"\n size=\"24\"\n [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\n >\n </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\n name=\"arrowRightCircle\"\n size=\"24\"\n [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\n >\n </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%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.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%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"] }]
|
|
4875
|
+
args: [{ selector: 'rdsite-pagination', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n class=\"rdsite-pagination\"\r\n [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\r\n [style]=\"customStyle\"\r\n data-testid=\"_rdsite-rdsite-pagination\"\r\n>\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\r\n name=\"arrowLeftCircle\"\r\n size=\"24\"\r\n [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n >\r\n </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\r\n name=\"arrowRightCircle\"\r\n size=\"24\"\r\n [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n >\r\n </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%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.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%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"] }]
|
|
4876
4876
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { totalPages: [{
|
|
4877
4877
|
type: Input
|
|
4878
4878
|
}], activePage: [{
|
|
@@ -4935,11 +4935,11 @@ class TestimonialCardComponent {
|
|
|
4935
4935
|
this.youtubeService.removeScript();
|
|
4936
4936
|
}
|
|
4937
4937
|
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 }); }
|
|
4938
|
-
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\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></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$1.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"] }] }); }
|
|
4938
|
+
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\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></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$1.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"] }] }); }
|
|
4939
4939
|
}
|
|
4940
4940
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialCardComponent, decorators: [{
|
|
4941
4941
|
type: Component,
|
|
4942
|
-
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\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></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"] }]
|
|
4942
|
+
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\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></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"] }]
|
|
4943
4943
|
}], ctorParameters: () => [{ type: CuraService }, { type: YoutubeService }, { type: undefined, decorators: [{
|
|
4944
4944
|
type: Inject,
|
|
4945
4945
|
args: [PLATFORM_ID]
|
|
@@ -4992,11 +4992,11 @@ class TestimonialsCarouselComponent {
|
|
|
4992
4992
|
});
|
|
4993
4993
|
}
|
|
4994
4994
|
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 }); }
|
|
4995
|
-
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"] }] }); }
|
|
4995
|
+
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"] }] }); }
|
|
4996
4996
|
}
|
|
4997
4997
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialsCarouselComponent, decorators: [{
|
|
4998
4998
|
type: Component,
|
|
4999
|
-
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"] }]
|
|
4999
|
+
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"] }]
|
|
5000
5000
|
}], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }], propDecorators: { carouselTestimonials: [{
|
|
5001
5001
|
type: ViewChild,
|
|
5002
5002
|
args: ['carouselTestimonials', { static: true }]
|