@rededor/site-front-end-lib 1.3.52 → 1.3.54

package/fesm2022/rededor-site-front-end-lib.mjs

@@ -310,9 +310,10 @@ class RdsiteLinkDirective {
         event.preventDefault();
         if (!isPlatformBrowser(this.platformId) || !this.allowedTags.includes(this.element?.nativeElement?.tagName))
             return;
-        const href = this.element?.nativeElement?.getAttribute('href') ?? '';
+        let href = this.element?.nativeElement?.getAttribute('href') ?? '';
         if (!href)
             return;
+        href = this.verifyUtm(href);
         if (this.isPhone(href)) {
             this.phoneClicked({
                 href,
@@ -340,6 +341,22 @@ class RdsiteLinkDirective {
         }
         this.navigateTo(href);
     }
+    verifyUtm(href) {
+        if (!href.includes('/paciente'))
+            return href;
+        if (isPlatformBrowser(this.platformId) && typeof window !== 'undefined') {
+            const currentUrl = new URL(window.location.href);
+            const utmParams = Array.from(currentUrl.searchParams.entries()).filter(([key]) => key.startsWith('utm_'));
+            if (utmParams.length === 0)
+                return href;
+            const targetUrl = new URL(href);
+            utmParams.forEach(([key, value]) => targetUrl.searchParams.set(key, value));
+            return targetUrl.toString();
+        }
+        else {
+            return href;
+        }
+    }
     isPhone(href) {
         return this.telRegex.test(href);
     }
@@ -3570,6 +3587,7 @@ class CtaWrapperComponent {
         this.content = null;
         this.showTitleAndText = true;
         this.colors = { border: 'primary-base', icon: 'primary-dark' };
+        this.CtaWrapperItemClick = new EventEmitter();
         this.bannerControl = false;
         this.seeMoreControl = false;
         this.class = ['rdsite-container'];
@@ -3590,12 +3608,15 @@ class CtaWrapperComponent {
     moreOptions() {
         this.seeMoreControl = !this.seeMoreControl;
     }
+    ctaWrapperItemClicked(event) {
+        this.CtaWrapperItemClick.emit(event);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, deps: [{ token: CuraService }, { token: NguCarouselService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\n  @if (content?.title && showTitleAndText) {\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\n  }\n\n  @if (content?.text && showTitleAndText) {\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\n  }\n\n  @if (!seeMoreControl) {\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n      @if (!bannerControl) {\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n              @if (cta?.icon) {\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n              }\n              <p>{{ cta?.label }}</p>\n            </a>\n          </ngu-item>\n        </ngu-carousel>\n\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n        </div>\n      } @else {\n        @for (cta of content?.ctas; track $index) {\n          @if (cta?.label) {\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n              @if (cta?.icon) {\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n              }\n              <p>{{ cta?.label }}</p>\n            </a>\n          }\n        }\n      }\n    </nav>\n  } @else {\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n      @for (cta of content?.ctas; track $index) {\n        @if (cta?.label) {\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n            @if (cta?.icon) {\n              <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n            }\n            <p>{{ cta?.label }}</p>\n          </a>\n        }\n      }\n    </nav>\n  }\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, outputs: { CtaWrapperItemClick: "CtaWrapperItemClick" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\n  @if (content?.title && showTitleAndText) {\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\n  }\n\n  @if (content?.text && showTitleAndText) {\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\n  }\n\n  @if (!seeMoreControl) {\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n      @if (!bannerControl) {\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n              @if (cta?.icon) {\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n              }\n              <p>{{ cta?.label }}</p>\n            </a>\n          </ngu-item>\n        </ngu-carousel>\n\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n        </div>\n      } @else {\n        @for (cta of content?.ctas; track $index) {\n          @if (cta?.label) {\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n              @if (cta?.icon) {\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n              }\n              <p>{{ cta?.label }}</p>\n            </a>\n          }\n        }\n      }\n    </nav>\n  } @else {\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n      @for (cta of content?.ctas; track $index) {\n        @if (cta?.label) {\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n            @if (cta?.icon) {\n              <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n            }\n            <p>{{ cta?.label }}</p>\n          </a>\n        }\n      }\n    </nav>\n  }\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\n  @if (content?.title && showTitleAndText) {\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\n  }\n\n  @if (content?.text && showTitleAndText) {\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\n  }\n\n  @if (!seeMoreControl) {\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n      @if (!bannerControl) {\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n              @if (cta?.icon) {\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n              }\n              <p>{{ cta?.label }}</p>\n            </a>\n          </ngu-item>\n        </ngu-carousel>\n\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n        </div>\n      } @else {\n        @for (cta of content?.ctas; track $index) {\n          @if (cta?.label) {\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n              @if (cta?.icon) {\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n              }\n              <p>{{ cta?.label }}</p>\n            </a>\n          }\n        }\n      }\n    </nav>\n  } @else {\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n      @for (cta of content?.ctas; track $index) {\n        @if (cta?.label) {\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n            @if (cta?.icon) {\n              <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n            }\n            <p>{{ cta?.label }}</p>\n          </a>\n        }\n      }\n    </nav>\n  }\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
+            args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\n  @if (content?.title && showTitleAndText) {\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\n  }\n\n  @if (content?.text && showTitleAndText) {\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\n  }\n\n  @if (!seeMoreControl) {\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n      @if (!bannerControl) {\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n              @if (cta?.icon) {\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n              }\n              <p>{{ cta?.label }}</p>\n            </a>\n          </ngu-item>\n        </ngu-carousel>\n\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n        </div>\n      } @else {\n        @for (cta of content?.ctas; track $index) {\n          @if (cta?.label) {\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n              @if (cta?.icon) {\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n              }\n              <p>{{ cta?.label }}</p>\n            </a>\n          }\n        }\n      }\n    </nav>\n  } @else {\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n      @for (cta of content?.ctas; track $index) {\n        @if (cta?.label) {\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n            @if (cta?.icon) {\n              <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\n            }\n            <p>{{ cta?.label }}</p>\n          </a>\n        }\n      }\n    </nav>\n  }\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -3605,6 +3626,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], colors: [{
                 type: Input
+            }], CtaWrapperItemClick: [{
+                type: Output
             }], nguCarouselCtas: [{
                 type: ViewChild,
                 args: ['nguCarouselCtas']
@@ -3977,7 +4000,7 @@ class ErrorComponent {
         this.ctasSubscription?.unsubscribe();
     }
     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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\n  @if (ctasIconColor && breadcrumbsItems.length) {\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\n  }\n  <div class=\"rdsite-error-container\">\n    @if (labelTextColor) {\n      <cura-label [attr.color]=\"labelTextColor\">\n        {{ type === 'server-response' ? '500' : '404' }}\n      </cura-label>\n    }\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    @if (responseText) {\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\n        {{ responseText }}\n      </cura-paragraph>\n    }\n\n    @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        font-color=\"light\"\n        icon-name=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel }}\n      </cura-button>\n    }\n\n    @if (type === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\n          Atualizar p\u00E1gina novamente\n        </cura-button>\n      }\n\n      @if (returnLabel && returnRoute) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            icon-name=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel }}\n          </cura-button-outline>\n        }\n      }\n    }\n    @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:20px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["content", "showTitleAndText", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\n  @if (ctasIconColor && breadcrumbsItems.length) {\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\n  }\n  <div class=\"rdsite-error-container\">\n    @if (labelTextColor) {\n      <cura-label [attr.color]=\"labelTextColor\">\n        {{ type === 'server-response' ? '500' : '404' }}\n      </cura-label>\n    }\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    @if (responseText) {\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\n        {{ responseText }}\n      </cura-paragraph>\n    }\n\n    @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        font-color=\"light\"\n        icon-name=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel }}\n      </cura-button>\n    }\n\n    @if (type === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\n          Atualizar p\u00E1gina novamente\n        </cura-button>\n      }\n\n      @if (returnLabel && returnRoute) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            icon-name=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel }}\n          </cura-button-outline>\n        }\n      }\n    }\n    @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:20px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["content", "showTitleAndText", "colors"], outputs: ["CtaWrapperItemClick"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
@@ -4811,11 +4834,11 @@ class ContentBannerComponent {
         this.ctaClick.emit({ text, link });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, outputs: { ctaClick: "ctaClick" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\n  <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\n    {{ content?.title }}\n  </cura-heading>\n}\n\n@if (content?.text) {\n  <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\n    {{ content?.text }}\n  </cura-paragraph>\n}\n\n@if (content?.info?.length) {\n  <div class=\"info\" data-testid=\"_content-banner-info\">\n    @for (item of content?.info || []; track $index) {\n      @if (item.text) {\n        <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\n          @if (item.icon) {\n            <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n          }\n          {{ item.text }}\n        </a>\n      }\n    }\n  </div>\n}\n\n@if (content?.cta?.text && content?.cta?.link) {\n  <cura-button\n    (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\n    size=\"large\"\n    type=\"button\"\n    color=\"accent\"\n    [attr.icon-name]=\"content?.cta?.icon || ''\"\n    [href]=\"content?.cta?.link\"\n    target=\"_self\"\n  >\n    {{ content?.cta?.text }}\n  </cura-button>\n}\n\n@if (content?.image) {\n  <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\n  </rdsite-image>\n}\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, outputs: { ctaClick: "ctaClick" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\n  <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\n    {{ content?.title }}\n  </cura-heading>\n}\n\n@if (content?.text) {\n  <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\n    {{ content?.text }}\n  </cura-paragraph>\n}\n\n@if (content?.info?.length) {\n  <div class=\"info\" data-testid=\"_content-banner-info\">\n    @for (item of content?.info || []; track $index) {\n      @if (item.text) {\n        <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\n          @if (item.icon) {\n            <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n          }\n          {{ item.text }}\n        </a>\n      }\n    }\n  </div>\n}\n\n@if (content?.cta?.text && content?.cta?.link) {\n  <cura-button\n    rdsitelink\n    (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\n    size=\"large\"\n    type=\"button\"\n    color=\"accent\"\n    [attr.icon-name]=\"content?.cta?.icon || ''\"\n    [href]=\"content?.cta?.link\"\n    target=\"_self\"\n  >\n    {{ content?.cta?.text }}\n  </cura-button>\n}\n\n@if (content?.image) {\n  <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\n  </rdsite-image>\n}\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentBannerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\n  <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\n    {{ content?.title }}\n  </cura-heading>\n}\n\n@if (content?.text) {\n  <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\n    {{ content?.text }}\n  </cura-paragraph>\n}\n\n@if (content?.info?.length) {\n  <div class=\"info\" data-testid=\"_content-banner-info\">\n    @for (item of content?.info || []; track $index) {\n      @if (item.text) {\n        <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\n          @if (item.icon) {\n            <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n          }\n          {{ item.text }}\n        </a>\n      }\n    }\n  </div>\n}\n\n@if (content?.cta?.text && content?.cta?.link) {\n  <cura-button\n    (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\n    size=\"large\"\n    type=\"button\"\n    color=\"accent\"\n    [attr.icon-name]=\"content?.cta?.icon || ''\"\n    [href]=\"content?.cta?.link\"\n    target=\"_self\"\n  >\n    {{ content?.cta?.text }}\n  </cura-button>\n}\n\n@if (content?.image) {\n  <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\n  </rdsite-image>\n}\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"] }]
+            args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\n  <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\n    {{ content?.title }}\n  </cura-heading>\n}\n\n@if (content?.text) {\n  <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\n    {{ content?.text }}\n  </cura-paragraph>\n}\n\n@if (content?.info?.length) {\n  <div class=\"info\" data-testid=\"_content-banner-info\">\n    @for (item of content?.info || []; track $index) {\n      @if (item.text) {\n        <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\n          @if (item.icon) {\n            <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n          }\n          {{ item.text }}\n        </a>\n      }\n    }\n  </div>\n}\n\n@if (content?.cta?.text && content?.cta?.link) {\n  <cura-button\n    rdsitelink\n    (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\n    size=\"large\"\n    type=\"button\"\n    color=\"accent\"\n    [attr.icon-name]=\"content?.cta?.icon || ''\"\n    [href]=\"content?.cta?.link\"\n    target=\"_self\"\n  >\n    {{ content?.cta?.text }}\n  </cura-button>\n}\n\n@if (content?.image) {\n  <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\n  </rdsite-image>\n}\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }], propDecorators: { content: [{
                 type: Input
             }], ctaClick: [{