@rededor/site-front-end-lib 1.3.62 → 1.3.64
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +2 -2
- package/esm2022/lib/components/cards/testimonial-card/testimonial-card.component.mjs +2 -2
- package/esm2022/lib/components/error/error.component.mjs +3 -3
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/post-header/post-header.component.mjs +53 -0
- 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 +2 -2
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +2 -2
- package/esm2022/lib/components/sidebar-navigation/sidebar-navigation.component.mjs +13 -6
- package/esm2022/lib/components/sticky-navigation/sticky-navigation.component.mjs +15 -8
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +2 -2
- package/fesm2022/rededor-site-front-end-lib.mjs +167 -109
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/post-header/post-header.component.d.ts +31 -0
- package/lib/components/sidebar-navigation/sidebar-navigation.component.d.ts +4 -1
- package/lib/components/sticky-navigation/sticky-navigation.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { EventEmitter, HostListener, Output, Directive, InjectionToken, Injectable, Inject, PLATFORM_ID, Input, Optional, makeStateKey, signal, ViewEncapsulation, Component, HostBinding, ViewChild, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, effect, inject, ChangeDetectorRef, output, input, model, computed, ViewChildren, Pipe } from '@angular/core';
|
|
3
|
-
import * as i2
|
|
3
|
+
import * as i2 from '@angular/common';
|
|
4
4
|
import { DOCUMENT, isPlatformBrowser, isPlatformServer, CommonModule } from '@angular/common';
|
|
5
|
-
import * as
|
|
5
|
+
import * as i3 from '@angular/router';
|
|
6
6
|
import * as i4 from 'ngx-device-detector';
|
|
7
7
|
import algoliasearch from 'algoliasearch';
|
|
8
8
|
import { from, fromEvent, startWith, Observable, throwError, BehaviorSubject, map, debounceTime, Subject, catchError, tap } from 'rxjs';
|
|
@@ -14,7 +14,7 @@ import { SearchAPISDK } from '@rededor/search-api-sdk/index.js';
|
|
|
14
14
|
import * as i4$1 from '@angular/forms';
|
|
15
15
|
import { UntypedFormControl, ReactiveFormsModule, FormControl } from '@angular/forms';
|
|
16
16
|
import { NguCarousel, NguItemComponent, NguCarouselDefDirective } from '@ngu/carousel';
|
|
17
|
-
import * as i2$
|
|
17
|
+
import * as i2$1 from '@angular/youtube-player';
|
|
18
18
|
import { YouTubePlayerModule } from '@angular/youtube-player';
|
|
19
19
|
import { v4 } from 'uuid';
|
|
20
20
|
import { differenceInMilliseconds } from 'date-fns';
|
|
@@ -444,7 +444,7 @@ class RdsiteLinkDirective {
|
|
|
444
444
|
}
|
|
445
445
|
this.router.navigate([path], { queryParams: queryParams });
|
|
446
446
|
}
|
|
447
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteLinkDirective, deps: [{ token:
|
|
447
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteLinkDirective, deps: [{ token: i3.Router }, { token: PLATFORM_ID }, { token: DOCUMENT }, { token: LIB_CONFIG }, { token: i0.ElementRef }, { token: PhoneService }, { token: RdsitePhoneModalDirective }, { token: i4.DeviceDetectorService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
448
448
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: RdsiteLinkDirective, isStandalone: true, selector: "[rdsitelink]", inputs: { anchorAdjustment: "anchorAdjustment", anchorExtraAdjustment: "anchorExtraAdjustment", phonemodal: "phonemodal" }, host: { listeners: { "click": "onClick($event)" } }, providers: [RdsitePhoneModalDirective], ngImport: i0 }); }
|
|
449
449
|
}
|
|
450
450
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: RdsiteLinkDirective, decorators: [{
|
|
@@ -455,7 +455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
455
455
|
providers: [RdsitePhoneModalDirective],
|
|
456
456
|
standalone: true,
|
|
457
457
|
}]
|
|
458
|
-
}], ctorParameters: () => [{ type:
|
|
458
|
+
}], ctorParameters: () => [{ type: i3.Router }, { type: undefined, decorators: [{
|
|
459
459
|
type: Inject,
|
|
460
460
|
args: [PLATFORM_ID]
|
|
461
461
|
}] }, { type: Document, decorators: [{
|
|
@@ -729,7 +729,7 @@ class LogService {
|
|
|
729
729
|
getPageURL() {
|
|
730
730
|
return `${getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix)}${this.location.path()}`;
|
|
731
731
|
}
|
|
732
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LogService, deps: [{ token: LIB_CONFIG }, { token: PLATFORM_ID }, { token: i2
|
|
732
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LogService, deps: [{ token: LIB_CONFIG }, { token: PLATFORM_ID }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
733
733
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LogService, providedIn: 'root' }); }
|
|
734
734
|
}
|
|
735
735
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LogService, decorators: [{
|
|
@@ -743,7 +743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
743
743
|
}] }, { type: undefined, decorators: [{
|
|
744
744
|
type: Inject,
|
|
745
745
|
args: [PLATFORM_ID]
|
|
746
|
-
}] }, { type: i2
|
|
746
|
+
}] }, { type: i2.Location }] });
|
|
747
747
|
|
|
748
748
|
class CuraService {
|
|
749
749
|
constructor(log, platformId, document, libConfig, ssrCuraAPI) {
|
|
@@ -1754,7 +1754,7 @@ class SeoService {
|
|
|
1754
1754
|
this.unidadePath = unidadePath;
|
|
1755
1755
|
this.unidadeSlug = unidadeSlug;
|
|
1756
1756
|
}
|
|
1757
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SeoService, deps: [{ token: i1$1.Title }, { token: i1$1.Meta }, { token: i2
|
|
1757
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SeoService, deps: [{ token: i1$1.Title }, { token: i1$1.Meta }, { token: i2.Location }, { token: LIB_CONFIG }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1758
1758
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SeoService, providedIn: 'root' }); }
|
|
1759
1759
|
}
|
|
1760
1760
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SeoService, decorators: [{
|
|
@@ -1762,7 +1762,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1762
1762
|
args: [{
|
|
1763
1763
|
providedIn: 'root',
|
|
1764
1764
|
}]
|
|
1765
|
-
}], ctorParameters: () => [{ type: i1$1.Title }, { type: i1$1.Meta }, { type: i2
|
|
1765
|
+
}], ctorParameters: () => [{ type: i1$1.Title }, { type: i1$1.Meta }, { type: i2.Location }, { type: undefined, decorators: [{
|
|
1766
1766
|
type: Inject,
|
|
1767
1767
|
args: [LIB_CONFIG]
|
|
1768
1768
|
}] }, { type: Document, decorators: [{
|
|
@@ -2437,7 +2437,7 @@ class FooterComponent {
|
|
|
2437
2437
|
this.footerCookieClick.emit(event);
|
|
2438
2438
|
}
|
|
2439
2439
|
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 }); }
|
|
2440
|
-
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", dora: "dora", 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 <div class=\"logos\">\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 </div>\r\n <div class=\"phones\">\r\n @if (dora.number && dora.link) {\r\n <div class=\"dora\">\r\n <div\r\n class=\"img\"\r\n [style.background-image]=\"dora.imgUrl ? 'url(' + dora.imgUrl + ')' : 'url(' + libConfig.siteSufix + '/assets/imgs/bg_dora_whatsapp.webp)'\"\r\n ></div>\r\n <span class=\"label\">\r\n <p>Fale com a Dora</p>\r\n <a rdsitelink [href]=\"dora.link\">\r\n {{ dora.number }}\r\n </a>\r\n </span>\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\" [class.before]=\"dora.number && dora.link\">\r\n <div class=\"svg\">\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#phone'\"></use>\r\n </svg>\r\n </div>\r\n <span class=\"label\">\r\n <p>Central</p>\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n {{ phone }}\r\n </a>\r\n </span>\r\n </div>\r\n }\r\n </div>\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-direction:column;align-items:flex-start;justify-content:center;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 92px);height:50px;object-fit:contain}.sl-ftr-contact .logos .logo{display:contents}.sl-ftr-contact .logos .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .logos .partner-logo{display:contents}.sl-ftr-contact .phones{display:flex;width:100%;gap:12px}.sl-ftr-contact .phones .phone,.sl-ftr-contact .phones .dora{display:flex;gap:8px}.sl-ftr-contact .phones .phone .label p,.sl-ftr-contact .phones .dora .label p{color:#f6f6f6;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;padding-bottom:0}.sl-ftr-contact .phones .phone .label a,.sl-ftr-contact .phones .dora .label a{color:#f6f6f6;font-size:14px;font-weight:700;line-height:19px;letter-spacing:.56px;text-decoration:none}.sl-ftr-contact .phones .dora .img{display:block;width:32px;height:32px;background:#d3d3d3 50%/cover no-repeat;border-radius:50%;border:2px solid #448ecd}.sl-ftr-contact .phones .phone .svg{display:flex;justify-content:center;align-items:center;background:#003da5;border-radius:50%;width:32px;height:32px}.sl-ftr-contact .phones .phone.before:before{content:\"\";width:2px;background-color:#f6f6f6;margin-right:6px}@media only screen and (max-width: 1024px){.sl-ftr-contact .phones{flex-direction:column;gap:20px}.sl-ftr-contact .phones .phone.before:before{display:none}}@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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2440
|
+
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", dora: "dora", 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 <div class=\"logos\">\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 </div>\r\n <div class=\"phones\">\r\n @if (dora.number && dora.link) {\r\n <div class=\"dora\">\r\n <div\r\n class=\"img\"\r\n [style.background-image]=\"dora.imgUrl ? 'url(' + dora.imgUrl + ')' : 'url(' + libConfig.siteSufix + '/assets/imgs/bg_dora_whatsapp.webp)'\"\r\n ></div>\r\n <span class=\"label\">\r\n <p>Fale com a Dora</p>\r\n <a rdsitelink [href]=\"dora.link\">\r\n {{ dora.number }}\r\n </a>\r\n </span>\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\" [class.before]=\"dora.number && dora.link\">\r\n <div class=\"svg\">\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#phone'\"></use>\r\n </svg>\r\n </div>\r\n <span class=\"label\">\r\n <p>Central</p>\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n {{ phone }}\r\n </a>\r\n </span>\r\n </div>\r\n }\r\n </div>\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-direction:column;align-items:flex-start;justify-content:center;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 92px);height:50px;object-fit:contain}.sl-ftr-contact .logos .logo{display:contents}.sl-ftr-contact .logos .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .logos .partner-logo{display:contents}.sl-ftr-contact .phones{display:flex;width:100%;gap:12px}.sl-ftr-contact .phones .phone,.sl-ftr-contact .phones .dora{display:flex;gap:8px}.sl-ftr-contact .phones .phone .label p,.sl-ftr-contact .phones .dora .label p{color:#f6f6f6;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;padding-bottom:0}.sl-ftr-contact .phones .phone .label a,.sl-ftr-contact .phones .dora .label a{color:#f6f6f6;font-size:14px;font-weight:700;line-height:19px;letter-spacing:.56px;text-decoration:none}.sl-ftr-contact .phones .dora .img{display:block;width:32px;height:32px;background:#d3d3d3 50%/cover no-repeat;border-radius:50%;border:2px solid #448ecd}.sl-ftr-contact .phones .phone .svg{display:flex;justify-content:center;align-items:center;background:#003da5;border-radius:50%;width:32px;height:32px}.sl-ftr-contact .phones .phone.before:before{content:\"\";width:2px;background-color:#f6f6f6;margin-right:6px}@media only screen and (max-width: 1024px){.sl-ftr-contact .phones{flex-direction:column;gap:20px}.sl-ftr-contact .phones .phone.before:before{display:none}}@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 }); }
|
|
2441
2441
|
}
|
|
2442
2442
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
2443
2443
|
type: Component,
|
|
@@ -2724,7 +2724,7 @@ class SearchComponent {
|
|
|
2724
2724
|
this.controlSubscription?.unsubscribe();
|
|
2725
2725
|
}
|
|
2726
2726
|
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 }); }
|
|
2727
|
-
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
|
|
2727
|
+
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"] }] }); }
|
|
2728
2728
|
}
|
|
2729
2729
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchComponent, decorators: [{
|
|
2730
2730
|
type: Component,
|
|
@@ -2890,7 +2890,7 @@ class HeaderComponent {
|
|
|
2890
2890
|
this.headerService.toggleShowSearch(false);
|
|
2891
2891
|
}
|
|
2892
2892
|
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 }); }
|
|
2893
|
-
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
|
|
2893
|
+
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 }); }
|
|
2894
2894
|
}
|
|
2895
2895
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
2896
2896
|
type: Component,
|
|
@@ -2986,7 +2986,7 @@ class HeaderAuxMenuItemComponent {
|
|
|
2986
2986
|
this.isDropdownHover = value;
|
|
2987
2987
|
}
|
|
2988
2988
|
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 }); }
|
|
2989
|
-
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
|
|
2989
|
+
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 }); }
|
|
2990
2990
|
}
|
|
2991
2991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
2992
2992
|
type: Component,
|
|
@@ -3089,7 +3089,7 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
3089
3089
|
this.lv3ItemSubscription?.unsubscribe();
|
|
3090
3090
|
}
|
|
3091
3091
|
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 }); }
|
|
3092
|
-
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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3092
|
+
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 }); }
|
|
3093
3093
|
}
|
|
3094
3094
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
3095
3095
|
type: Component,
|
|
@@ -3153,7 +3153,7 @@ class HeaderMainMenuItemComponent {
|
|
|
3153
3153
|
this.dropdownSubscription?.unsubscribe();
|
|
3154
3154
|
}
|
|
3155
3155
|
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 }); }
|
|
3156
|
-
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
|
|
3156
|
+
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 }); }
|
|
3157
3157
|
}
|
|
3158
3158
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
3159
3159
|
type: Component,
|
|
@@ -3185,7 +3185,7 @@ class HeaderSideMenuComponent {
|
|
|
3185
3185
|
this.headerService.toggleShowSideMenu(false);
|
|
3186
3186
|
}
|
|
3187
3187
|
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 }); }
|
|
3188
|
-
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
|
|
3188
|
+
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 }); }
|
|
3189
3189
|
}
|
|
3190
3190
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
3191
3191
|
type: Component,
|
|
@@ -3222,7 +3222,7 @@ class HeaderSideMenuItemComponent {
|
|
|
3222
3222
|
this.headerSideMenuItemClick.emit(event);
|
|
3223
3223
|
}
|
|
3224
3224
|
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 }); }
|
|
3225
|
-
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
|
|
3225
|
+
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 }); }
|
|
3226
3226
|
}
|
|
3227
3227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
3228
3228
|
type: Component,
|
|
@@ -3270,7 +3270,7 @@ class SideCtasComponent {
|
|
|
3270
3270
|
};
|
|
3271
3271
|
}
|
|
3272
3272
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3273
|
-
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
|
|
3273
|
+
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"] }] }); }
|
|
3274
3274
|
}
|
|
3275
3275
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
3276
3276
|
type: Component,
|
|
@@ -3304,11 +3304,11 @@ class SideCtasBottomComponent {
|
|
|
3304
3304
|
this.sideCtaBottomItemClick.emit(event);
|
|
3305
3305
|
}
|
|
3306
3306
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3307
|
-
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
|
|
3307
|
+
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 *{font-family:var(--font-family)}: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"] }] }); }
|
|
3308
3308
|
}
|
|
3309
3309
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
3310
3310
|
type: Component,
|
|
3311
|
-
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
|
|
3311
|
+
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 *{font-family:var(--font-family)}: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"] }]
|
|
3312
3312
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
3313
3313
|
type: Input
|
|
3314
3314
|
}], sideCtaBottomItemClick: [{
|
|
@@ -3343,11 +3343,11 @@ class WhatsappComponent {
|
|
|
3343
3343
|
this.whatsappClick.emit(event);
|
|
3344
3344
|
}
|
|
3345
3345
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3346
|
-
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
|
|
3346
|
+
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 *{font-family:var(--font-family)}: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"] }] }); }
|
|
3347
3347
|
}
|
|
3348
3348
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
3349
3349
|
type: Component,
|
|
3350
|
-
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
|
|
3350
|
+
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 *{font-family:var(--font-family)}: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"] }]
|
|
3351
3351
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { link: [{
|
|
3352
3352
|
type: Input
|
|
3353
3353
|
}], imgUrl: [{
|
|
@@ -3425,11 +3425,11 @@ class SideCtasRightMiddleComponent {
|
|
|
3425
3425
|
this.sideCtaRightMiddleItemClick.emit(event);
|
|
3426
3426
|
}
|
|
3427
3427
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3428
|
-
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
|
|
3428
|
+
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 *{font-family:var(--font-family)}: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"] }] }); }
|
|
3429
3429
|
}
|
|
3430
3430
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
3431
3431
|
type: Component,
|
|
3432
|
-
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
|
|
3432
|
+
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 *{font-family:var(--font-family)}: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"] }]
|
|
3433
3433
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
3434
3434
|
type: Input
|
|
3435
3435
|
}], sideCtaRightMiddleItemClick: [{
|
|
@@ -3712,7 +3712,7 @@ class BreadcrumbsComponent {
|
|
|
3712
3712
|
const element = this.breadCrumbsElement.nativeElement;
|
|
3713
3713
|
element.style.setProperty('--font-family', this.curaService.getFontFamily(''));
|
|
3714
3714
|
element.style.setProperty('--label-icon-color', this.curaService.getColor(color));
|
|
3715
|
-
element.style.setProperty('--divider-color', this.curaService.getColor(
|
|
3715
|
+
element.style.setProperty('--divider-color', this.curaService.getColor(color));
|
|
3716
3716
|
if (this.fontWeight) {
|
|
3717
3717
|
element.style.setProperty('--font-weight', this.fontWeight);
|
|
3718
3718
|
}
|
|
@@ -3754,7 +3754,7 @@ class BreadcrumbsComponent {
|
|
|
3754
3754
|
}));
|
|
3755
3755
|
}
|
|
3756
3756
|
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 }); }
|
|
3757
|
-
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
|
|
3757
|
+
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"] }] }); }
|
|
3758
3758
|
}
|
|
3759
3759
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
3760
3760
|
type: Component,
|
|
@@ -4014,11 +4014,11 @@ class ErrorComponent {
|
|
|
4014
4014
|
this.ctasSubscription?.unsubscribe();
|
|
4015
4015
|
}
|
|
4016
4016
|
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 }); }
|
|
4017
|
-
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
|
|
4017
|
+
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}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container{padding:20px 0 40px}.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"], outputs: ["CtaWrapperItemClick"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }] }); }
|
|
4018
4018
|
}
|
|
4019
4019
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
4020
4020
|
type: Component,
|
|
4021
|
-
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
|
|
4021
|
+
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}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container{padding:20px 0 40px}.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"] }]
|
|
4022
4022
|
}], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
|
|
4023
4023
|
type: Inject,
|
|
4024
4024
|
args: [PLATFORM_ID]
|
|
@@ -4058,7 +4058,7 @@ class PageHeaderComponent {
|
|
|
4058
4058
|
this.bgColor = 'primary-base';
|
|
4059
4059
|
}
|
|
4060
4060
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4061
|
-
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
|
|
4061
|
+
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"] }] }); }
|
|
4062
4062
|
}
|
|
4063
4063
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
4064
4064
|
type: Component,
|
|
@@ -4078,6 +4078,108 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4078
4078
|
args: ['style']
|
|
4079
4079
|
}] } });
|
|
4080
4080
|
|
|
4081
|
+
class ImageComponent {
|
|
4082
|
+
constructor(libConfig, platformId) {
|
|
4083
|
+
this.libConfig = libConfig;
|
|
4084
|
+
this.platformId = platformId;
|
|
4085
|
+
this.imageWebpSrc = '';
|
|
4086
|
+
this.imageDefaultSrc = '';
|
|
4087
|
+
this.imageSizes = [];
|
|
4088
|
+
this.mimeType = ImageMimeType.JPEG;
|
|
4089
|
+
this.alt = '';
|
|
4090
|
+
this.title = '';
|
|
4091
|
+
this.loading = 'lazy';
|
|
4092
|
+
}
|
|
4093
|
+
ngOnInit() {
|
|
4094
|
+
if (this.imageWebpSrc) {
|
|
4095
|
+
this.mimeType = ImageMimeType.WEBP;
|
|
4096
|
+
}
|
|
4097
|
+
if (isPlatformServer(this.platformId)) {
|
|
4098
|
+
this.handleServerImageError();
|
|
4099
|
+
}
|
|
4100
|
+
}
|
|
4101
|
+
handleServerImageError() {
|
|
4102
|
+
if (!this.imageDefaultSrc) {
|
|
4103
|
+
this.handleImageError();
|
|
4104
|
+
}
|
|
4105
|
+
}
|
|
4106
|
+
handleImageError() {
|
|
4107
|
+
this.imageDefaultSrc = this.libConfig.fallbackImgSrc || '';
|
|
4108
|
+
}
|
|
4109
|
+
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 }); }
|
|
4110
|
+
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 }] }); }
|
|
4111
|
+
}
|
|
4112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
4113
|
+
type: Component,
|
|
4114
|
+
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"] }]
|
|
4115
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
4116
|
+
type: Inject,
|
|
4117
|
+
args: [LIB_CONFIG]
|
|
4118
|
+
}] }, { type: undefined, decorators: [{
|
|
4119
|
+
type: Inject,
|
|
4120
|
+
args: [PLATFORM_ID]
|
|
4121
|
+
}] }], propDecorators: { imageWebpSrc: [{
|
|
4122
|
+
type: Input
|
|
4123
|
+
}], imageDefaultSrc: [{
|
|
4124
|
+
type: Input
|
|
4125
|
+
}], imageSizes: [{
|
|
4126
|
+
type: Input
|
|
4127
|
+
}], mimeType: [{
|
|
4128
|
+
type: Input
|
|
4129
|
+
}], alt: [{
|
|
4130
|
+
type: Input
|
|
4131
|
+
}], title: [{
|
|
4132
|
+
type: Input
|
|
4133
|
+
}], loading: [{
|
|
4134
|
+
type: Input
|
|
4135
|
+
}] } });
|
|
4136
|
+
|
|
4137
|
+
class PostHeaderComponent {
|
|
4138
|
+
get style() {
|
|
4139
|
+
return {
|
|
4140
|
+
'--bg-color': this.curaService.getColor(this.bgColor),
|
|
4141
|
+
'--neutral-dark': this.curaService.getColor('neutral-dark'),
|
|
4142
|
+
'--neutral-black': this.curaService.getColor('neutral-black'),
|
|
4143
|
+
'--primary-base': this.curaService.getColor('primary-base'),
|
|
4144
|
+
'--primary-darker': this.curaService.getColor('primary-darker'),
|
|
4145
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
4146
|
+
};
|
|
4147
|
+
}
|
|
4148
|
+
constructor(curaService) {
|
|
4149
|
+
this.curaService = curaService;
|
|
4150
|
+
this.bgColor = 'neutral-purewhite';
|
|
4151
|
+
this.breadcrumbs = [];
|
|
4152
|
+
this.postPretitle = '';
|
|
4153
|
+
this.postTitle = '';
|
|
4154
|
+
this.postHeaderText = '';
|
|
4155
|
+
this.postSignatory = null;
|
|
4156
|
+
this.defaultImage = '../../../../assets/imgs/svg/doctor_avatar.svg';
|
|
4157
|
+
}
|
|
4158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PostHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4159
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PostHeaderComponent, isStandalone: true, selector: "rdsite-post-header", inputs: { bgColor: "bgColor", breadcrumbs: "breadcrumbs", postPretitle: "postPretitle", postTitle: "postTitle", postHeaderText: "postHeaderText", postSignatory: "postSignatory", postImage: "postImage" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"post-header\">\r\n <div class=\"post-header-content\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\" labelIconColor=\"primary-darker\"></rdsite-breadcrumbs>\r\n }\r\n\r\n @if (postPretitle) {\r\n <span>{{ postPretitle }}</span>\r\n }\r\n\r\n @if (postTitle) {\r\n <h1>{{ postTitle }}</h1>\r\n }\r\n\r\n @if (postHeaderText) {\r\n <cura-paragraph color=\"neutral-black\" margin-block=\"0\">{{ postHeaderText }}</cura-paragraph>\r\n }\r\n\r\n @if (postSignatory?.name) {\r\n <div class=\"post-header-content-signatory\" [ngClass]=\"{ 'no-occupation': !postSignatory?.occupation }\">\r\n <cura-avatar size=\"40\" background-color=\"primary\" border=\"true\" [imageSrc]=\"postSignatory?.image || defaultImage\"> </cura-avatar>\r\n\r\n <cura-heading size=\"xsmall\" level=\"3\" weight=\"bold\" margin-block=\"0\" color=\"neutral-black\">\r\n {{ postSignatory?.name }}\r\n </cura-heading>\r\n\r\n @if (postSignatory?.occupation) {\r\n <span>{{ postSignatory?.occupation }}</span>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (postImage) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"postImage.url\"\r\n [imageDefaultSrc]=\"postImage.webp_url\"\r\n [alt]=\"postImage.alt\"\r\n [title]=\"postImage.title\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n }\r\n</div>\r\n", styles: [".post-header{background-color:var(--bg-color)}.post-header-content{display:flex;flex-direction:column;padding:24px 0;margin-bottom:36px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.post-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 769px){.post-header-content{padding:50px 0}}.post-header-content rdsite-breadcrumbs{margin-bottom:56px}.post-header-content span{color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.48px;margin-bottom:4px}@media screen and (min-width: 769px){.post-header-content span{font-size:14px;line-height:19px;letter-spacing:.56px}}.post-header-content h1{color:var(--primary-base);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:43px;letter-spacing:-1.68px;margin-bottom:20px}@media screen and (min-width: 769px){.post-header-content h1{font-size:40px;line-height:57px;letter-spacing:-1.92px}}.post-header-content cura-paragraph{margin-bottom:20px}.post-header-content-signatory{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"image name\" \"image occupation\";justify-content:start;column-gap:14px;row-gap:8px}.post-header-content-signatory.no-occupation{grid-template-areas:\"image name\" \"image name\";align-items:center}.post-header-content-signatory cura-avatar{grid-area:image}.post-header-content-signatory cura-heading{grid-area:name}.post-header-content-signatory span{grid-area:occupation;color:var(--neutral-black);font-family:var(--font-family);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.6px}.post-header rdsite-image{aspect-ratio:2.65}@media screen and (min-width: 769px){.post-header rdsite-image{border-radius:4px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.post-header rdsite-image.full-container{width:100%;max-width:100%}}\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"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
|
|
4160
|
+
}
|
|
4161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PostHeaderComponent, decorators: [{
|
|
4162
|
+
type: Component,
|
|
4163
|
+
args: [{ selector: 'rdsite-post-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"post-header\">\r\n <div class=\"post-header-content\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\" labelIconColor=\"primary-darker\"></rdsite-breadcrumbs>\r\n }\r\n\r\n @if (postPretitle) {\r\n <span>{{ postPretitle }}</span>\r\n }\r\n\r\n @if (postTitle) {\r\n <h1>{{ postTitle }}</h1>\r\n }\r\n\r\n @if (postHeaderText) {\r\n <cura-paragraph color=\"neutral-black\" margin-block=\"0\">{{ postHeaderText }}</cura-paragraph>\r\n }\r\n\r\n @if (postSignatory?.name) {\r\n <div class=\"post-header-content-signatory\" [ngClass]=\"{ 'no-occupation': !postSignatory?.occupation }\">\r\n <cura-avatar size=\"40\" background-color=\"primary\" border=\"true\" [imageSrc]=\"postSignatory?.image || defaultImage\"> </cura-avatar>\r\n\r\n <cura-heading size=\"xsmall\" level=\"3\" weight=\"bold\" margin-block=\"0\" color=\"neutral-black\">\r\n {{ postSignatory?.name }}\r\n </cura-heading>\r\n\r\n @if (postSignatory?.occupation) {\r\n <span>{{ postSignatory?.occupation }}</span>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n @if (postImage) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"postImage.url\"\r\n [imageDefaultSrc]=\"postImage.webp_url\"\r\n [alt]=\"postImage.alt\"\r\n [title]=\"postImage.title\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n }\r\n</div>\r\n", styles: [".post-header{background-color:var(--bg-color)}.post-header-content{display:flex;flex-direction:column;padding:24px 0;margin-bottom:36px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.post-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 769px){.post-header-content{padding:50px 0}}.post-header-content rdsite-breadcrumbs{margin-bottom:56px}.post-header-content span{color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;line-height:16px;letter-spacing:.48px;margin-bottom:4px}@media screen and (min-width: 769px){.post-header-content span{font-size:14px;line-height:19px;letter-spacing:.56px}}.post-header-content h1{color:var(--primary-base);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:43px;letter-spacing:-1.68px;margin-bottom:20px}@media screen and (min-width: 769px){.post-header-content h1{font-size:40px;line-height:57px;letter-spacing:-1.92px}}.post-header-content cura-paragraph{margin-bottom:20px}.post-header-content-signatory{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"image name\" \"image occupation\";justify-content:start;column-gap:14px;row-gap:8px}.post-header-content-signatory.no-occupation{grid-template-areas:\"image name\" \"image name\";align-items:center}.post-header-content-signatory cura-avatar{grid-area:image}.post-header-content-signatory cura-heading{grid-area:name}.post-header-content-signatory span{grid-area:occupation;color:var(--neutral-black);font-family:var(--font-family);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.6px}.post-header rdsite-image{aspect-ratio:2.65}@media screen and (min-width: 769px){.post-header rdsite-image{border-radius:4px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.post-header rdsite-image.full-container{width:100%;max-width:100%}}\n"] }]
|
|
4164
|
+
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { bgColor: [{
|
|
4165
|
+
type: Input
|
|
4166
|
+
}], breadcrumbs: [{
|
|
4167
|
+
type: Input
|
|
4168
|
+
}], postPretitle: [{
|
|
4169
|
+
type: Input
|
|
4170
|
+
}], postTitle: [{
|
|
4171
|
+
type: Input
|
|
4172
|
+
}], postHeaderText: [{
|
|
4173
|
+
type: Input
|
|
4174
|
+
}], postSignatory: [{
|
|
4175
|
+
type: Input
|
|
4176
|
+
}], postImage: [{
|
|
4177
|
+
type: Input
|
|
4178
|
+
}], style: [{
|
|
4179
|
+
type: HostBinding,
|
|
4180
|
+
args: ['style']
|
|
4181
|
+
}] } });
|
|
4182
|
+
|
|
4081
4183
|
class PageTemplateSidebarComponent {
|
|
4082
4184
|
constructor() {
|
|
4083
4185
|
this.header = null;
|
|
@@ -4090,7 +4192,7 @@ class PageTemplateSidebarComponent {
|
|
|
4090
4192
|
this.reverseSidebar = false;
|
|
4091
4193
|
}
|
|
4092
4194
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4093
|
-
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", reverseSidebar: "reverseSidebar" }, ngImport: i0, template: "@if (isArticle) {\r\n <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar\">\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}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2
|
|
4195
|
+
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", reverseSidebar: "reverseSidebar" }, ngImport: i0, template: "@if (isArticle) {\r\n <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar\">\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}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4094
4196
|
}
|
|
4095
4197
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
4096
4198
|
type: Component,
|
|
@@ -4304,7 +4406,7 @@ class FilterGenericComponent {
|
|
|
4304
4406
|
return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
|
|
4305
4407
|
}
|
|
4306
4408
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4307
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter", isFilterOpen: "isFilterOpenChange" }, 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\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"toggleFilter()\"\r\n [attr.aria-expanded]=\"isFilterOpen()\"\r\n [aria-label]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\r\n >\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 [icon-name]=\"section.config.iconName || ''\"\r\n [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 [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 [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 [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\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 [name]=\"option.label\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"option.checked || false\"\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]=\"disableButtons() || !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]=\"disableButtons() || !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 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:var(--font-family)}.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-thumb:hover{background:var(--primary-base)}.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-thumb:hover{background:var(--primary-base)}.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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
4409
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter", isFilterOpen: "isFilterOpenChange" }, 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\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"toggleFilter()\"\r\n [attr.aria-expanded]=\"isFilterOpen()\"\r\n [aria-label]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\r\n >\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 [icon-name]=\"section.config.iconName || ''\"\r\n [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 [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 [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 [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\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 [name]=\"option.label\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"option.checked || false\"\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]=\"disableButtons() || !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]=\"disableButtons() || !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 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:var(--font-family)}.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-thumb:hover{background:var(--primary-base)}.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-thumb:hover{background:var(--primary-base)}.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 }] }); }
|
|
4308
4410
|
}
|
|
4309
4411
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, decorators: [{
|
|
4310
4412
|
type: Component,
|
|
@@ -4404,7 +4506,7 @@ class FilterPlanosConveniosComponent {
|
|
|
4404
4506
|
this.coberturaControl.reset(this.coberturas);
|
|
4405
4507
|
}
|
|
4406
4508
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4407
|
-
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
|
|
4509
|
+
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 }] }); }
|
|
4408
4510
|
}
|
|
4409
4511
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
|
|
4410
4512
|
type: Component,
|
|
@@ -4633,13 +4735,13 @@ class SectionNavigationComponent {
|
|
|
4633
4735
|
ngOnDestroy() {
|
|
4634
4736
|
this.scrollToMenuAnchorSubscription?.unsubscribe();
|
|
4635
4737
|
}
|
|
4636
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [{ token: CuraService }, { token:
|
|
4637
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { padding: "padding", headerClass: "headerClass", 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]=\"getPath(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
|
|
4738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [{ token: CuraService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { padding: "padding", headerClass: "headerClass", 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]=\"getPath(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 *{font-family:var(--font-family)}.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-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}.rdsite-section-navigation-menu{display:flex}@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"] }] }); }
|
|
4638
4740
|
}
|
|
4639
4741
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
|
|
4640
4742
|
type: Component,
|
|
4641
|
-
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]=\"getPath(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
|
|
4642
|
-
}], ctorParameters: () => [{ type: CuraService }, { type:
|
|
4743
|
+
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]=\"getPath(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 *{font-family:var(--font-family)}.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-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}.rdsite-section-navigation-menu{display:flex}@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"] }]
|
|
4744
|
+
}], ctorParameters: () => [{ type: CuraService }, { type: i3.Router }], propDecorators: { containerEl: [{
|
|
4643
4745
|
type: ViewChild,
|
|
4644
4746
|
args: ['containerEl']
|
|
4645
4747
|
}], anchorsEl: [{
|
|
@@ -4674,62 +4776,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4674
4776
|
args: ['navigationMenu', { static: true }]
|
|
4675
4777
|
}] } });
|
|
4676
4778
|
|
|
4677
|
-
class ImageComponent {
|
|
4678
|
-
constructor(libConfig, platformId) {
|
|
4679
|
-
this.libConfig = libConfig;
|
|
4680
|
-
this.platformId = platformId;
|
|
4681
|
-
this.imageWebpSrc = '';
|
|
4682
|
-
this.imageDefaultSrc = '';
|
|
4683
|
-
this.imageSizes = [];
|
|
4684
|
-
this.mimeType = ImageMimeType.JPEG;
|
|
4685
|
-
this.alt = '';
|
|
4686
|
-
this.title = '';
|
|
4687
|
-
this.loading = 'lazy';
|
|
4688
|
-
}
|
|
4689
|
-
ngOnInit() {
|
|
4690
|
-
if (this.imageWebpSrc) {
|
|
4691
|
-
this.mimeType = ImageMimeType.WEBP;
|
|
4692
|
-
}
|
|
4693
|
-
if (isPlatformServer(this.platformId)) {
|
|
4694
|
-
this.handleServerImageError();
|
|
4695
|
-
}
|
|
4696
|
-
}
|
|
4697
|
-
handleServerImageError() {
|
|
4698
|
-
if (!this.imageDefaultSrc) {
|
|
4699
|
-
this.handleImageError();
|
|
4700
|
-
}
|
|
4701
|
-
}
|
|
4702
|
-
handleImageError() {
|
|
4703
|
-
this.imageDefaultSrc = this.libConfig.fallbackImgSrc || '';
|
|
4704
|
-
}
|
|
4705
|
-
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 }); }
|
|
4706
|
-
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 }] }); }
|
|
4707
|
-
}
|
|
4708
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
|
|
4709
|
-
type: Component,
|
|
4710
|
-
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"] }]
|
|
4711
|
-
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
4712
|
-
type: Inject,
|
|
4713
|
-
args: [LIB_CONFIG]
|
|
4714
|
-
}] }, { type: undefined, decorators: [{
|
|
4715
|
-
type: Inject,
|
|
4716
|
-
args: [PLATFORM_ID]
|
|
4717
|
-
}] }], propDecorators: { imageWebpSrc: [{
|
|
4718
|
-
type: Input
|
|
4719
|
-
}], imageDefaultSrc: [{
|
|
4720
|
-
type: Input
|
|
4721
|
-
}], imageSizes: [{
|
|
4722
|
-
type: Input
|
|
4723
|
-
}], mimeType: [{
|
|
4724
|
-
type: Input
|
|
4725
|
-
}], alt: [{
|
|
4726
|
-
type: Input
|
|
4727
|
-
}], title: [{
|
|
4728
|
-
type: Input
|
|
4729
|
-
}], loading: [{
|
|
4730
|
-
type: Input
|
|
4731
|
-
}] } });
|
|
4732
|
-
|
|
4733
4779
|
class CardUnidadePlanosConveniosComponent {
|
|
4734
4780
|
constructor(curaService) {
|
|
4735
4781
|
this.curaService = curaService;
|
|
@@ -4816,7 +4862,7 @@ class ExpandableCardComponent {
|
|
|
4816
4862
|
this.classes = this.disabled ? ['disabled'] : [];
|
|
4817
4863
|
}
|
|
4818
4864
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4819
|
-
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
|
|
4865
|
+
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"] }] }); }
|
|
4820
4866
|
}
|
|
4821
4867
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
4822
4868
|
type: Component,
|
|
@@ -4861,7 +4907,7 @@ class ContentBannerComponent {
|
|
|
4861
4907
|
this.ctaClick.emit({ text, link });
|
|
4862
4908
|
}
|
|
4863
4909
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4864
|
-
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 rdsitelink\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
|
|
4910
|
+
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 rdsitelink\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"] }] }); }
|
|
4865
4911
|
}
|
|
4866
4912
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, decorators: [{
|
|
4867
4913
|
type: Component,
|
|
@@ -4905,7 +4951,7 @@ class PaginationComponent {
|
|
|
4905
4951
|
}
|
|
4906
4952
|
}
|
|
4907
4953
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4908
|
-
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
|
|
4954
|
+
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"] }] }); }
|
|
4909
4955
|
}
|
|
4910
4956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
4911
4957
|
type: Component,
|
|
@@ -4972,11 +5018,11 @@ class TestimonialCardComponent {
|
|
|
4972
5018
|
this.youtubeService.removeScript();
|
|
4973
5019
|
}
|
|
4974
5020
|
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 }); }
|
|
4975
|
-
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
|
|
5021
|
+
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 *{font-family:var(--font-family)}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}: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"] }] }); }
|
|
4976
5022
|
}
|
|
4977
5023
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialCardComponent, decorators: [{
|
|
4978
5024
|
type: Component,
|
|
4979
|
-
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
|
|
5025
|
+
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 *{font-family:var(--font-family)}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}: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"] }]
|
|
4980
5026
|
}], ctorParameters: () => [{ type: CuraService }, { type: YoutubeService }, { type: undefined, decorators: [{
|
|
4981
5027
|
type: Inject,
|
|
4982
5028
|
args: [PLATFORM_ID]
|
|
@@ -5061,8 +5107,9 @@ class SidebarNavigationComponent {
|
|
|
5061
5107
|
onWindowScroll() {
|
|
5062
5108
|
this.windowScroll();
|
|
5063
5109
|
}
|
|
5064
|
-
constructor(curaService, router, platformId, document) {
|
|
5110
|
+
constructor(curaService, location, router, platformId, document) {
|
|
5065
5111
|
this.curaService = curaService;
|
|
5112
|
+
this.location = location;
|
|
5066
5113
|
this.router = router;
|
|
5067
5114
|
this.platformId = platformId;
|
|
5068
5115
|
this.document = document;
|
|
@@ -5105,19 +5152,24 @@ class SidebarNavigationComponent {
|
|
|
5105
5152
|
}
|
|
5106
5153
|
});
|
|
5107
5154
|
}
|
|
5155
|
+
getBasePath() {
|
|
5156
|
+
const base = this.location.prepareExternalUrl('');
|
|
5157
|
+
const normalized = base.replace(/\/$/, '');
|
|
5158
|
+
return normalized === '' || normalized === '/' ? '' : normalized;
|
|
5159
|
+
}
|
|
5108
5160
|
getPath(sectionId) {
|
|
5109
|
-
return `${this.router.url}#${sectionId}`;
|
|
5161
|
+
return `${this.getBasePath()}${this.router.url}#${sectionId}`;
|
|
5110
5162
|
}
|
|
5111
5163
|
onSectionClick(event) {
|
|
5112
5164
|
this.sectionChange.emit(event);
|
|
5113
5165
|
}
|
|
5114
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: CuraService }, { token: i2.Router }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5166
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: CuraService }, { token: i2.Location }, { token: i3.Router }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5115
5167
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n @if (title) {\r\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n }\r\n <ul role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sidebar-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>\r\n {{ section.title }}\r\n </b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n </cura-card>\r\n</nav>\r\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
5116
5168
|
}
|
|
5117
5169
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
5118
5170
|
type: Component,
|
|
5119
5171
|
args: [{ selector: 'nav[rdsite-sidebar-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n @if (title) {\r\n <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n }\r\n <ul role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n #anchorEl\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sidebar-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n rdsitelink\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>\r\n {{ section.title }}\r\n </b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n </cura-card>\r\n</nav>\r\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset}\n"] }]
|
|
5120
|
-
}], ctorParameters: () => [{ type: CuraService }, { type: i2.Router }, { type: undefined, decorators: [{
|
|
5172
|
+
}], ctorParameters: () => [{ type: CuraService }, { type: i2.Location }, { type: i3.Router }, { type: undefined, decorators: [{
|
|
5121
5173
|
type: Inject,
|
|
5122
5174
|
args: [PLATFORM_ID]
|
|
5123
5175
|
}] }, { type: Document, decorators: [{
|
|
@@ -5165,8 +5217,9 @@ class StickyNavigationComponent {
|
|
|
5165
5217
|
onWindowScroll() {
|
|
5166
5218
|
this.windowScroll();
|
|
5167
5219
|
}
|
|
5168
|
-
constructor(curaService, router, platformId, document) {
|
|
5220
|
+
constructor(curaService, location, router, platformId, document) {
|
|
5169
5221
|
this.curaService = curaService;
|
|
5222
|
+
this.location = location;
|
|
5170
5223
|
this.router = router;
|
|
5171
5224
|
this.platformId = platformId;
|
|
5172
5225
|
this.document = document;
|
|
@@ -5211,8 +5264,13 @@ class StickyNavigationComponent {
|
|
|
5211
5264
|
}
|
|
5212
5265
|
});
|
|
5213
5266
|
}
|
|
5267
|
+
getBasePath() {
|
|
5268
|
+
const base = this.location.prepareExternalUrl('');
|
|
5269
|
+
const normalized = base.replace(/\/$/, '');
|
|
5270
|
+
return normalized === '' || normalized === '/' ? '' : normalized;
|
|
5271
|
+
}
|
|
5214
5272
|
getPath(sectionId) {
|
|
5215
|
-
return `${this.router.url}#${sectionId}`;
|
|
5273
|
+
return `${this.getBasePath()}${this.router.url}#${sectionId}`;
|
|
5216
5274
|
}
|
|
5217
5275
|
onSectionClick(event) {
|
|
5218
5276
|
this.sectionChange.emit(event);
|
|
@@ -5228,13 +5286,13 @@ class StickyNavigationComponent {
|
|
|
5228
5286
|
}, 100);
|
|
5229
5287
|
}
|
|
5230
5288
|
}
|
|
5231
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, deps: [{ token: CuraService }, { token: i2.Router }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5232
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n @if (title) {\r\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n </div>\r\n @if (sections().length && !isOpen()) {\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n <b>{{ sections()[selectedIndex].title }}</b>\r\n </cura-paragraph>\r\n }\r\n }\r\n\r\n @if (isOpen()) {\r\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sticky-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n rdsitelink\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>{{ section.title }}</b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</nav>\r\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav
|
|
5289
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, deps: [{ token: CuraService }, { token: i2.Location }, { token: i3.Router }, { token: PLATFORM_ID }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5290
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-navigation]", inputs: { anchorAdjustment: "anchorAdjustment", title: "title", ariaLabel: "ariaLabel", padding: "padding", navigationSections: "navigationSections", navigationConfig: "navigationConfig" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n @if (title) {\r\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n </div>\r\n @if (sections().length && !isOpen()) {\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n <b>{{ sections()[selectedIndex].title }}</b>\r\n </cura-paragraph>\r\n }\r\n }\r\n\r\n @if (isOpen()) {\r\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sticky-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n rdsitelink\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>{{ section.title }}</b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</nav>\r\n", styles: ["nav *{font-family:var(--font-family)}nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
5233
5291
|
}
|
|
5234
5292
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StickyNavigationComponent, decorators: [{
|
|
5235
5293
|
type: Component,
|
|
5236
|
-
args: [{ selector: 'nav[rdsite-sticky-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n @if (title) {\r\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n </div>\r\n @if (sections().length && !isOpen()) {\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n <b>{{ sections()[selectedIndex].title }}</b>\r\n </cura-paragraph>\r\n }\r\n }\r\n\r\n @if (isOpen()) {\r\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sticky-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n rdsitelink\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>{{ section.title }}</b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</nav>\r\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav
|
|
5237
|
-
}], ctorParameters: () => [{ type: CuraService }, { type: i2.Router }, { type: undefined, decorators: [{
|
|
5294
|
+
args: [{ selector: 'nav[rdsite-sticky-navigation]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n @if (title) {\r\n <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n <b>{{ title }}</b>\r\n </cura-paragraph>\r\n <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n </div>\r\n @if (sections().length && !isOpen()) {\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n <b>{{ sections()[selectedIndex].title }}</b>\r\n </cura-paragraph>\r\n }\r\n }\r\n\r\n @if (isOpen()) {\r\n <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n @for (section of sections(); track section.id) {\r\n <li role=\"none\">\r\n <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n <a\r\n id=\"anchor-{{ section.id }}\"\r\n class=\"rdsite-sticky-link\"\r\n role=\"menuitem\"\r\n [href]=\"getPath(section.id)\"\r\n rdsitelink\r\n (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n [anchorAdjustment]=\"anchorAdjustment || defaultAnchorAdjustment\"\r\n [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n >\r\n <b>{{ section.title }}</b>\r\n </a>\r\n </cura-paragraph>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</nav>\r\n", styles: ["nav *{font-family:var(--font-family)}nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"] }]
|
|
5295
|
+
}], ctorParameters: () => [{ type: CuraService }, { type: i2.Location }, { type: i3.Router }, { type: undefined, decorators: [{
|
|
5238
5296
|
type: Inject,
|
|
5239
5297
|
args: [PLATFORM_ID]
|
|
5240
5298
|
}] }, { type: Document, decorators: [{
|
|
@@ -5275,7 +5333,7 @@ class PageTemplateFullcontentComponent {
|
|
|
5275
5333
|
this.isArticle = false;
|
|
5276
5334
|
}
|
|
5277
5335
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateFullcontentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5278
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateFullcontentComponent, isStandalone: true, selector: "rdsite-page-template-fullcontent", inputs: { header: "header", beforeContent: "beforeContent", pageContent: "pageContent", afterContent: "afterContent", isArticle: "isArticle" }, ngImport: i0, template: "@if (isArticle) {\r\n <article class=\"rdsite-template-content-full\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-content-full\">\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 (beforeContent) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n </div>\r\n }\r\n @if (pageContent) {\r\n <div class=\"rdsite-template-container\">\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"pageContent\"></ng-container>\r\n </section>\r\n </div>\r\n }\r\n</ng-template>\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: [".rdsite-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rdsite-container{box-sizing:border-box;position:relative;width:90%;max-width:1366px;margin-left:auto;margin-right:auto}section.rdsite-template-content-full,article.rdsite-template-content-full{display:grid;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:\"pageheader pageheader pageheader\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){section.rdsite-template-content-full,article.rdsite-template-content-full{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}section.rdsite-template-content-full .rdsite-template-header,article.rdsite-template-content-full .rdsite-template-header{grid-area:pageheader}section.rdsite-template-content-full .rdsite-template-before-content,article.rdsite-template-content-full .rdsite-template-before-content{grid-area:beforecontent}section.rdsite-template-content-full .rdsite-template-container,article.rdsite-template-content-full .rdsite-template-container{grid-area:pagecontent}section.rdsite-template-content-full .rdsite-template-after-content,article.rdsite-template-content-full .rdsite-template-after-content{grid-area:aftercontent}section.rdsite-template-content-full .rdsite-template-container .rdsite-content-container,article.rdsite-template-content-full .rdsite-template-container .rdsite-content-container{position:relative;max-width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2
|
|
5336
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateFullcontentComponent, isStandalone: true, selector: "rdsite-page-template-fullcontent", inputs: { header: "header", beforeContent: "beforeContent", pageContent: "pageContent", afterContent: "afterContent", isArticle: "isArticle" }, ngImport: i0, template: "@if (isArticle) {\r\n <article class=\"rdsite-template-content-full\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-content-full\">\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 (beforeContent) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n </div>\r\n }\r\n @if (pageContent) {\r\n <div class=\"rdsite-template-container\">\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"pageContent\"></ng-container>\r\n </section>\r\n </div>\r\n }\r\n</ng-template>\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: [".rdsite-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rdsite-container{box-sizing:border-box;position:relative;width:90%;max-width:1366px;margin-left:auto;margin-right:auto}section.rdsite-template-content-full,article.rdsite-template-content-full{display:grid;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:\"pageheader pageheader pageheader\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){section.rdsite-template-content-full,article.rdsite-template-content-full{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}section.rdsite-template-content-full .rdsite-template-header,article.rdsite-template-content-full .rdsite-template-header{grid-area:pageheader}section.rdsite-template-content-full .rdsite-template-before-content,article.rdsite-template-content-full .rdsite-template-before-content{grid-area:beforecontent}section.rdsite-template-content-full .rdsite-template-container,article.rdsite-template-content-full .rdsite-template-container{grid-area:pagecontent}section.rdsite-template-content-full .rdsite-template-after-content,article.rdsite-template-content-full .rdsite-template-after-content{grid-area:aftercontent}section.rdsite-template-content-full .rdsite-template-container .rdsite-content-container,article.rdsite-template-content-full .rdsite-template-container .rdsite-content-container{position:relative;max-width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
5279
5337
|
}
|
|
5280
5338
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateFullcontentComponent, decorators: [{
|
|
5281
5339
|
type: Component,
|
|
@@ -5378,5 +5436,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
5378
5436
|
* Generated bundle index. Do not edit.
|
|
5379
5437
|
*/
|
|
5380
5438
|
|
|
5381
|
-
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaDropdownComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, ContentBannerComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorInterceptor, ErrorService, Errors, Estados, ExpandableCardComponent, FilterGenericComponent, FilterLetterAndTermsComponent, FilterPlanosConveniosComponent, FilterType, FooterComponent, GeolocService, GeolocationPermissions, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogInterceptor, LogService, MapBoxService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateFullcontentComponent, PageTemplateSidebarComponent, PaginationComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SidebarNavigationComponent, SiteBackendService, SsrLoadingService, StickyNavigationComponent, TestimonialCardComponent, TestimonialsCarouselComponent, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, YoutubeService, formatPhone, getCircularReplacer, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
5439
|
+
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaDropdownComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, ContentBannerComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorInterceptor, ErrorService, Errors, Estados, ExpandableCardComponent, FilterGenericComponent, FilterLetterAndTermsComponent, FilterPlanosConveniosComponent, FilterType, FooterComponent, GeolocService, GeolocationPermissions, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogInterceptor, LogService, MapBoxService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateFullcontentComponent, PageTemplateSidebarComponent, PaginationComponent, PhonePipe, PhoneService, PostHeaderComponent, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SidebarNavigationComponent, SiteBackendService, SsrLoadingService, StickyNavigationComponent, TestimonialCardComponent, TestimonialsCarouselComponent, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, YoutubeService, formatPhone, getCircularReplacer, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
5382
5440
|
//# sourceMappingURL=rededor-site-front-end-lib.mjs.map
|