@rededor/site-front-end-lib 0.0.51 → 0.0.53

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, PLATFORM_ID, Optional, makeStateKey, signal, EventEmitter, Component, Input, Output, Directive, HostListener, CUSTOM_ELEMENTS_SCHEMA, ViewChild, HostBinding, effect, Pipe } from '@angular/core';
+import { InjectionToken, Injectable, Inject, PLATFORM_ID, Optional, makeStateKey, signal, EventEmitter, Component, Input, Output, Directive, HostListener, CUSTOM_ELEMENTS_SCHEMA, ViewChild, HostBinding, effect, inject, Pipe } from '@angular/core';
 import algoliasearch from 'algoliasearch';
 import { from, fromEvent, startWith, timeout, catchError, of, Observable, debounceTime, BehaviorSubject } from 'rxjs';
 import * as i2 from '@angular/common';
@@ -13,6 +13,7 @@ import { SearchAPISDK } from '@rededor/search-api-sdk/index.js';
 import * as i1$2 from '@angular/router';
 import * as i4 from '@angular/forms';
 import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
+import { NguCarousel, NguItemComponent, NguCarouselDefDirective } from '@ngu/carousel';
 
 // Configura a lib com informações especificas de cada projeto.
 const LIB_CONFIG = new InjectionToken('libConfig');
@@ -256,6 +257,9 @@ class LogService {
     log404(component) {
         this.logMsg(`${this.getPageURL()}${component ? ' - ' + component : ''}`, '404');
     }
+    log500(component) {
+        this.logMsg(`${this.getPageURL()}${component ? ' - ' + component : ''}`, '500');
+    }
     getPageURL() {
         return `${getSiteUrl(this.libConfig?.siteUrl, this.libConfig?.siteSufix)}${this.location.path()}`;
     }
@@ -16515,6 +16519,18 @@ class SeoService {
         this.title.setTitle(title);
         return this;
     }
+    set500Title(component = 'Default Component') {
+        if (component && component !== '') {
+            component = he.decode(component);
+            component = removeHtmlTags(component);
+            if (this.unidadeName) {
+                component = he.decode(`${component}${this.separator}${this.unidadeName}`);
+            }
+        }
+        const title = `Erro 500 - ${component} - ${this.libConfig?.siteName} - ${this.location.path()}`;
+        this.title.setTitle(title);
+        return this;
+    }
     /** Cria tag script para JSON de breadcrumbs */
     createBreadcrumbsJSONTag() {
         const tag = this.document.createElement('script');
@@ -18638,31 +18654,364 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
+const xSmallBreakpoint = 361;
+const smallBreakpoint = 769;
+const mediumBreakPoint = 1024;
+const largeBreakpoint = 1366;
+const MediaQueries = {
+    xSmallBreakpoint,
+    smallBreakpoint,
+    mediumBreakPoint,
+    largeBreakpoint,
+};
+
+class CtaWrapperComponent {
+    onWindowResize() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.bannerControl = window.innerWidth > MediaQueries.smallBreakpoint;
+        }
+    }
+    constructor(curaService, nguService, platformId) {
+        this.curaService = curaService;
+        this.nguService = nguService;
+        this.platformId = platformId;
+        this.colors = {
+            border: 'primary-darker',
+            icon: 'primary-darker',
+        };
+        this.seeMoreControl = false;
+        this.styleBinding = {
+            '--more-options-color': this.curaService.getColor(this.colors.icon),
+            '--border-color': this.curaService.getColor(this.colors.border),
+            '--label-color': this.curaService.getColor(this.colors.icon),
+        };
+        this.class = true;
+    }
+    ngOnInit() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.bannerControl = window.innerWidth > MediaQueries.smallBreakpoint;
+        }
+        this.carouselCtasConfig = this.nguService.customCarouselConfig({
+            grid: { xs: 2.1, sm: 2.1, md: 2.1, lg: 2.1, all: 0 },
+            loop: true,
+            interval: {
+                timing: 600000,
+                initialDelay: 600000,
+            },
+        });
+    }
+    moreOptions() {
+        this.seeMoreControl = !this.seeMoreControl;
+    }
+    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: { ctas: "ctas", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding", "class.wp-content-wrapper": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (!seeMoreControl) {\n  @if (!bannerControl) {\n    <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"ctas\">\n      <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n        <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n          @if (cta?.icon) {\n            <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n          }\n          <p>{{ cta?.label }}</p>\n        </a>\n      </ngu-item>\n    </ngu-carousel>\n    @if (ctas.length > 3) {\n      <div class=\"show-more\">\n        <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n      </div>\n    }\n  } @else {\n    @for (cta of ctas; track cta) {\n      <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n        @if (cta?.icon) {\n          <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n        }\n        <p>{{ cta?.label }}</p>\n      </a>\n    }\n  }\n}\n@if (seeMoreControl) {\n  <div class=\"more-options\">\n    @for (cta of ctas; track cta) {\n      <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n        @if (cta?.icon) {\n          <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n        }\n        <p>{{ cta?.label }}</p>\n      </a>\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:16px}:host ngu-carousel{max-width:100vw}:host ngu-item a{margin-right:16px}:host .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .show-more button{color:var(--more-options-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}.more-options{display:flex;flex-wrap:wrap;gap:16px}.more-options .cta{height:auto}.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}.cta p{color:var(--label-color);font-size:12px;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 (!seeMoreControl) {\n  @if (!bannerControl) {\n    <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"ctas\">\n      <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n        <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n          @if (cta?.icon) {\n            <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n          }\n          <p>{{ cta?.label }}</p>\n        </a>\n      </ngu-item>\n    </ngu-carousel>\n    @if (ctas.length > 3) {\n      <div class=\"show-more\">\n        <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n      </div>\n    }\n  } @else {\n    @for (cta of ctas; track cta) {\n      <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n        @if (cta?.icon) {\n          <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n        }\n        <p>{{ cta?.label }}</p>\n      </a>\n    }\n  }\n}\n@if (seeMoreControl) {\n  <div class=\"more-options\">\n    @for (cta of ctas; track cta) {\n      <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\n        @if (cta?.icon) {\n          <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [color]=\"colors.icon\"></cura-icon>\n        }\n        <p>{{ cta?.label }}</p>\n      </a>\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-wrap:wrap;gap:16px}:host ngu-carousel{max-width:100vw}:host ngu-item a{margin-right:16px}:host .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .show-more button{color:var(--more-options-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}.more-options{display:flex;flex-wrap:wrap;gap:16px}.more-options .cta{height:auto}.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}.cta p{color:var(--label-color);font-size:12px;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]
+                }] }], propDecorators: { ctas: [{
+                type: Input
+            }], colors: [{
+                type: Input
+            }], nguCarouselCtas: [{
+                type: ViewChild,
+                args: ['nguCarouselCtas']
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], styleBinding: [{
+                type: HostBinding,
+                args: ['style']
+            }], class: [{
+                type: HostBinding,
+                args: ['class.wp-content-wrapper']
+            }] } });
+
 class BreadcrumbsComponent {
-    constructor(curaService) {
+    set breadcrumbs(value) {
+        this._breadcrumbs = value || [];
+        if (value.length) {
+            this.setBreadcrumbsJson(value);
+        }
+    }
+    get breadcrumbs() {
+        return this._breadcrumbs;
+    }
+    constructor(curaService, libConfig, document) {
         this.curaService = curaService;
-        this.items = [];
+        this.libConfig = libConfig;
+        this.document = document;
+        this.fontColor = this.curaService.getColor('primary');
+        this._breadcrumbs = [];
+        this.breadcrumbsJsonTagId = 'breadcrumbsJSON';
         this.style = {
-            '--font-color': this.curaService.getColor('neutral-white'),
+            '--font-size': this.curaService.getFontSize(),
+            '--font-color': this.fontColor,
             '--symbol-color': this.curaService.getColor('neutral-dark'),
         };
     }
-    isFirstItem(index) {
-        return index === 0;
+    getUrl(urls = []) {
+        return urls.join('');
+    }
+    setBreadcrumbsJson(items) {
+        this.breadcrumbsJsonTag = this.getBreadcrumbsJSONTag();
+        const json = {
+            '@context': 'http://schema.org',
+            '@type': 'BreadcrumbList',
+            itemListElement: this.getJsonBreadcrumbItems(items),
+        };
+        this.breadcrumbsJsonTag.innerHTML = JSON.stringify(json);
+        return this;
+    }
+    getBreadcrumbsJSONTag() {
+        const elements = this.document.head.children;
+        let i;
+        for (i = 0; i < elements.length; i++) {
+            const elem = elements[i];
+            if (elem && elem.id === this.breadcrumbsJsonTagId) {
+                return elem;
+            }
+        }
+        return this.createBreadcrumbsJSONTag();
+    }
+    createBreadcrumbsJSONTag() {
+        const tag = this.document.createElement('script');
+        tag.id = this.breadcrumbsJsonTagId;
+        tag.type = 'application/ld+json';
+        this.document.head.appendChild(tag);
+        this.breadcrumbsJsonTag = tag;
+        return tag;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { items: "items" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<nav class=\"breadcrumbs\" aria-label=\"breadcrumbs\">\n  <ul>\n    @for (item of items; track item.label; let i = $index) {\n      <li>\n        @if (item.url) {\n          <a [href]=\"item.url\" rdsitelink>\n            @if (isFirstItem(i) && item.icon) {\n              <cura-icon [name]=\"item.icon\" [color]=\"item.iconColor\" [size]=\"item.iconSize\" [disabled]=\"item.iconDisabled\"> </cura-icon>\n            }\n            {{ item.label }}\n          </a>\n        } @else {\n          @if (isFirstItem(i) && item.icon) {\n            <cura-icon [name]=\"item.icon\" [color]=\"item.iconColor\" [size]=\"item.iconSize\" [disabled]=\"item.iconDisabled\"> </cura-icon>\n          }\n          {{ item.label }}\n        }\n      </li>\n    }\n  </ul>\n</nav>\n", styles: [".breadcrumbs{padding:0;margin:0 0 12px}.breadcrumbs::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}ul{display:flex;justify-content:start;align-items:center;gap:8px;margin:0;padding:0}li{display:flex;justify-content:center;align-items:center;margin:0;padding:0;font-size:12px;font-weight:semibold!important;color:var(--font-color)!important}li:not(:last-child):after{content:\"/\";margin-left:8px;color:var(--symbol-color)}a{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:center;padding:0;text-decoration:underline!important;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-decoration-color:var(--font-color)!important;font-size:12px;font-weight:semibold!important;color:var(--font-color)!important}a:hover{text-decoration:none!important;transition:text-decoration .5s ease-in-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
+    getJsonBreadcrumbItems(items) {
+        return items.map((item, i) => {
+            const jsonItem = {
+                '@type': 'ListItem',
+                position: i + 2,
+                item: {
+                    '@id': `${this.libConfig.siteUrl.replace(/\/$/, '')}${this.getUrl(item.url)}`,
+                    name: he.encode(item.label),
+                },
+            };
+            return jsonItem;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: CuraService }, { token: LIB_CONFIG }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { fontColor: "fontColor", breadcrumbs: "breadcrumbs" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (breadcrumbs.length) {\n  <nav class=\"breadcrumbs\" aria-label=\"breadcrumbs\">\n    <ul>\n      @for (item of breadcrumbs; track item.label; let i = $index; let last = $last; let first = $first) {\n        <li>\n          @if (item.url) {\n            <a [href]=\"item.url\" rdsitelink [class.last]=\"last\">\n              @if (first && item.icon) {\n                <cura-icon [name]=\"item.icon\" [color]=\"item.iconColor\" [size]=\"item.iconSize\" [disabled]=\"item.iconDisabled\"> </cura-icon>\n              }\n              {{ item.label }}\n            </a>\n          } @else {\n            @if (first && item.icon) {\n              <cura-icon [name]=\"item.icon\" [color]=\"item.iconColor\" [size]=\"item.iconSize\" [disabled]=\"item.iconDisabled\"> </cura-icon>\n            }\n            <p [class.last]=\"last\">{{ item.label }}</p>\n          }\n          @if (!last && breadcrumbs.length > 1) {\n            <span>/</span>\n          }\n        </li>\n      }\n    </ul>\n  </nav>\n}\n", styles: [".breadcrumbs{padding-block:16px;margin:0}ul{display:flex;justify-content:start;align-items:center;gap:8px;margin:0;padding:0}li{display:flex;justify-content:center;align-items:center;margin:0;padding:0;font-size:var(--font-size);font-weight:500;color:var(--font-color)}.last{color:var(--symbol-color);text-decoration:none}li span{margin-left:8px;color:var(--symbol-color)}a{display:flex;justify-content:space-between;align-items:flex-end;gap:4px;text-align:center;padding:0;text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:1px;text-underline-offset:auto;text-decoration-color:var(--font-color);font-size:12px;color:var(--font-color)}a:hover{text-decoration:none;transition:text-decoration .5s ease-in-out}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-breadcrumbs', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"breadcrumbs\" aria-label=\"breadcrumbs\">\n  <ul>\n    @for (item of items; track item.label; let i = $index) {\n      <li>\n        @if (item.url) {\n          <a [href]=\"item.url\" rdsitelink>\n            @if (isFirstItem(i) && item.icon) {\n              <cura-icon [name]=\"item.icon\" [color]=\"item.iconColor\" [size]=\"item.iconSize\" [disabled]=\"item.iconDisabled\"> </cura-icon>\n            }\n            {{ item.label }}\n          </a>\n        } @else {\n          @if (isFirstItem(i) && item.icon) {\n            <cura-icon [name]=\"item.icon\" [color]=\"item.iconColor\" [size]=\"item.iconSize\" [disabled]=\"item.iconDisabled\"> </cura-icon>\n          }\n          {{ item.label }}\n        }\n      </li>\n    }\n  </ul>\n</nav>\n", styles: [".breadcrumbs{padding:0;margin:0 0 12px}.breadcrumbs::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}ul{display:flex;justify-content:start;align-items:center;gap:8px;margin:0;padding:0}li{display:flex;justify-content:center;align-items:center;margin:0;padding:0;font-size:12px;font-weight:semibold!important;color:var(--font-color)!important}li:not(:last-child):after{content:\"/\";margin-left:8px;color:var(--symbol-color)}a{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:center;padding:0;text-decoration:underline!important;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-decoration-color:var(--font-color)!important;font-size:12px;font-weight:semibold!important;color:var(--font-color)!important}a:hover{text-decoration:none!important;transition:text-decoration .5s ease-in-out}\n"] }]
-        }], ctorParameters: () => [{ type: CuraService }], propDecorators: { items: [{
+            args: [{ selector: 'rdsite-breadcrumbs', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (breadcrumbs.length) {\n  <nav class=\"breadcrumbs\" aria-label=\"breadcrumbs\">\n    <ul>\n      @for (item of breadcrumbs; track item.label; let i = $index; let last = $last; let first = $first) {\n        <li>\n          @if (item.url) {\n            <a [href]=\"item.url\" rdsitelink [class.last]=\"last\">\n              @if (first && item.icon) {\n                <cura-icon [name]=\"item.icon\" [color]=\"item.iconColor\" [size]=\"item.iconSize\" [disabled]=\"item.iconDisabled\"> </cura-icon>\n              }\n              {{ item.label }}\n            </a>\n          } @else {\n            @if (first && item.icon) {\n              <cura-icon [name]=\"item.icon\" [color]=\"item.iconColor\" [size]=\"item.iconSize\" [disabled]=\"item.iconDisabled\"> </cura-icon>\n            }\n            <p [class.last]=\"last\">{{ item.label }}</p>\n          }\n          @if (!last && breadcrumbs.length > 1) {\n            <span>/</span>\n          }\n        </li>\n      }\n    </ul>\n  </nav>\n}\n", styles: [".breadcrumbs{padding-block:16px;margin:0}ul{display:flex;justify-content:start;align-items:center;gap:8px;margin:0;padding:0}li{display:flex;justify-content:center;align-items:center;margin:0;padding:0;font-size:var(--font-size);font-weight:500;color:var(--font-color)}.last{color:var(--symbol-color);text-decoration:none}li span{margin-left:8px;color:var(--symbol-color)}a{display:flex;justify-content:space-between;align-items:flex-end;gap:4px;text-align:center;padding:0;text-decoration:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-thickness:1px;text-underline-offset:auto;text-decoration-color:var(--font-color);font-size:12px;color:var(--font-color)}a:hover{text-decoration:none;transition:text-decoration .5s ease-in-out}\n"] }]
+        }], ctorParameters: () => [{ type: CuraService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LIB_CONFIG]
+                }] }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { fontColor: [{
+                type: Input
+            }], breadcrumbs: [{
                 type: Input
             }], style: [{
                 type: HostBinding,
                 args: ['style']
             }] } });
 
+var Estados;
+(function (Estados) {
+    Estados["AC"] = "Acre";
+    Estados["AL"] = "Alagoas";
+    Estados["AP"] = "Amap\u00E1";
+    Estados["AM"] = "Amazonas";
+    Estados["BA"] = "Bahia";
+    Estados["CE"] = "Cear\u00E1";
+    Estados["DF"] = "Distrito Federal";
+    Estados["ES"] = "Esp\u00EDrito Santo";
+    Estados["GO"] = "Go\u00EDas";
+    Estados["MA"] = "Maranh\u00E3o";
+    Estados["MT"] = "Mato Grosso";
+    Estados["MS"] = "Mato Grosso do Sul";
+    Estados["MG"] = "Minas Gerais";
+    Estados["PA"] = "Par\u00E1";
+    Estados["PB"] = "Para\u00EDba";
+    Estados["PR"] = "Paran\u00E1";
+    Estados["PE"] = "Pernambuco";
+    Estados["PI"] = "Piau\u00ED";
+    Estados["RJ"] = "Rio de Janeiro";
+    Estados["RN"] = "Rio Grande do Norte";
+    Estados["RS"] = "Rio Grande do Sul";
+    Estados["RO"] = "Rond\u00F4nia";
+    Estados["RR"] = "Rora\u00EDma";
+    Estados["SC"] = "Santa Catarina";
+    Estados["SP"] = "S\u00E3o Paulo";
+    Estados["SE"] = "Sergipe";
+    Estados["TO"] = "Tocantins";
+})(Estados || (Estados = {}));
+
+var EnumDoencaTaxonomy;
+(function (EnumDoencaTaxonomy) {
+    EnumDoencaTaxonomy["DOENCAS_CAT"] = "doencas_cat";
+    EnumDoencaTaxonomy["DOENCAS_TAG"] = "doencas_tag";
+})(EnumDoencaTaxonomy || (EnumDoencaTaxonomy = {}));
+var EnumDoencaTaxonomyCat;
+(function (EnumDoencaTaxonomyCat) {
+    EnumDoencaTaxonomyCat["DOENCA"] = "doencas";
+    EnumDoencaTaxonomyCat["SINTOMA"] = "sintomas";
+})(EnumDoencaTaxonomyCat || (EnumDoencaTaxonomyCat = {}));
+
+var RdsiteModalDrawerComponentStyle;
+(function (RdsiteModalDrawerComponentStyle) {
+    RdsiteModalDrawerComponentStyle["DEFAULT"] = "default";
+    RdsiteModalDrawerComponentStyle["DRAWERDOCTOR"] = "doctor-card";
+    RdsiteModalDrawerComponentStyle["FORMFALLBACK"] = "form-fallback";
+})(RdsiteModalDrawerComponentStyle || (RdsiteModalDrawerComponentStyle = {}));
+
+var Themes;
+(function (Themes) {
+    Themes["REDE"] = "default";
+    Themes["MATERNIDADE"] = "maternidade";
+    Themes["ONCO"] = "oncologia";
+    Themes["RICHET"] = "richet";
+})(Themes || (Themes = {}));
+
+var Errors;
+(function (Errors) {
+    Errors["NOT_FOUND"] = "not-found";
+    Errors["SERVER_RESPONSE"] = "server-response";
+})(Errors || (Errors = {}));
+
+class ErrorService {
+    constructor() {
+        this.ctas = new BehaviorSubject([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class ErrorComponent {
+    constructor(errorService, curaService, logService, seoService, serverResponse, platformId) {
+        this.errorService = errorService;
+        this.curaService = curaService;
+        this.logService = logService;
+        this.seoService = seoService;
+        this.serverResponse = serverResponse;
+        this.platformId = platformId;
+        this.theme = Themes.REDE;
+        this.pageTitle = 'Default component';
+        this.component = 'DefaultComponent';
+        this.responseText = '';
+        this.error = Errors;
+    }
+    ngOnInit() {
+        if (this.type === Errors.NOT_FOUND) {
+            this.responseText = 'A página que você acessou não existe mais ou foi movida para outra URL';
+            if (isPlatformServer(this.platformId)) {
+                this.serverResponse.setNotFound();
+            }
+            this.logService.log404(this.component);
+            this.seoService.set404Title(this.pageTitle);
+        }
+        else if (this.type === Errors.SERVER_RESPONSE) {
+            this.responseText = 'Recomendamos atualizar a página ou tentar novamente mais tarde.';
+            if (isPlatformServer(this.platformId)) {
+                this.serverResponse.setError();
+            }
+            this.logService.log500(this.component);
+            this.seoService.set500Title(this.pageTitle);
+        }
+        this.ctasSubscription = this.errorService.ctas.subscribe((ctas) => {
+            this.ctas = ctas;
+        });
+    }
+    ngAfterViewInit() {
+        this.setTheme(this.theme);
+    }
+    setTheme(theme) {
+        switch (theme) {
+            case Themes.REDE:
+                this.backgroundColor = this.curaService.getColor('neutral-white') ?? '';
+                this.labelColor = this.curaService.getColor('primary-lighter') ?? '';
+                this.labelTextColor = 'primary-dark';
+                this.curaButtonColor = 'primary';
+                this.curaButtonOutlineColor = 'primary';
+                this.ctasBorderColor = 'primary-darker';
+                this.ctasIconColor = 'primary-darker';
+                break;
+            case Themes.ONCO:
+                this.backgroundColor = this.curaService.getColor('neutral-light') ?? '';
+                this.labelColor = this.curaService.getColor('auxiliar-lighter') ?? '';
+                this.labelTextColor = 'primary-lighter';
+                this.curaButtonColor = 'accent';
+                this.curaButtonOutlineColor = 'accent';
+                this.ctasBorderColor = 'accent-base';
+                this.ctasIconColor = 'primary-base';
+                break;
+            case Themes.MATERNIDADE:
+                this.backgroundColor = this.curaService.getColor('accent-lighter') ?? '';
+                this.labelColor = this.curaService.getColor('primary-light') ?? '';
+                this.labelTextColor = 'accent-base';
+                this.curaButtonColor = 'accent';
+                this.curaButtonOutlineColor = 'accent';
+                this.ctasBorderColor = 'accent-base';
+                this.ctasIconColor = 'accent-base';
+                break;
+            case Themes.RICHET:
+                this.backgroundColor = this.curaService.getColor('neutral-white') ?? '';
+                this.labelColor = this.curaService.getColor('primary-lighter') ?? '';
+                this.labelTextColor = 'primary-dark';
+                this.curaButtonColor = 'primary';
+                this.curaButtonOutlineColor = 'primary';
+                this.ctasBorderColor = 'primary-darker';
+                this.ctasIconColor = 'primary-darker';
+                break;
+        }
+        this.errorElement.nativeElement.style.setProperty('--backgroundColor', this.backgroundColor);
+        this.errorElement.nativeElement.style.setProperty('--labelColor', this.labelColor);
+    }
+    reloadPage() {
+        if (window !== undefined) {
+            window.location.reload();
+        }
+    }
+    ngOnDestroy() {
+        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" }, viewQueries: [{ propertyName: "errorElement", first: true, predicate: ["errorElement"], descendants: true }], ngImport: i0, template: "<div class=\"rdsite-error\" #errorElement>\n  <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [fontColor]=\"ctasBorderColor\"></rdsite-breadcrumbs>\n  <div class=\"rdsite-error-container\">\n    <cura-label [color]=\"labelTextColor\">\n      {{ type === 'server-response' ? '500' : '404' }}\n    </cura-label>\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    <cura-paragraph color=\"neutral-black\" size=\"large\">\n      {{ responseText }}\n    </cura-paragraph>\n\n    @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        font-color=\"light\"\n        icon-name=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel }}\n      </cura-button>\n    }\n\n    @if (type === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" target=\"_self\">\n          Atualizar p\u00E1gina novamente\n        </cura-button>\n      }\n\n      @if (returnLabel && returnRoute) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            icon-name=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel }}\n          </cura-button-outline>\n        }\n      }\n    }\n\n    <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n    @if (ctas.length > 0) {\n      <rdsite-cta-wrapper [ctas]=\"ctas\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\n", styles: [".richet-container,.rdsite-error-container,.rdsite-error rdsite-breadcrumbs{display:block;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error-container{padding:48px 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}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["ctas", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["fontColor", "breadcrumbs"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\" #errorElement>\n  <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [fontColor]=\"ctasBorderColor\"></rdsite-breadcrumbs>\n  <div class=\"rdsite-error-container\">\n    <cura-label [color]=\"labelTextColor\">\n      {{ type === 'server-response' ? '500' : '404' }}\n    </cura-label>\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    <cura-paragraph color=\"neutral-black\" size=\"large\">\n      {{ responseText }}\n    </cura-paragraph>\n\n    @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        font-color=\"light\"\n        icon-name=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel }}\n      </cura-button>\n    }\n\n    @if (type === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" target=\"_self\">\n          Atualizar p\u00E1gina novamente\n        </cura-button>\n      }\n\n      @if (returnLabel && returnRoute) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            icon-name=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel }}\n          </cura-button-outline>\n        }\n      }\n    }\n\n    <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n    @if (ctas.length > 0) {\n      <rdsite-cta-wrapper [ctas]=\"ctas\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\n", styles: [".richet-container,.rdsite-error-container,.rdsite-error rdsite-breadcrumbs{display:block;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error-container{padding:48px 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}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"] }]
+        }], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { theme: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], returnRoute: [{
+                type: Input
+            }], returnLabel: [{
+                type: Input
+            }], pageTitle: [{
+                type: Input
+            }], component: [{
+                type: Input
+            }], breadcrumbsItems: [{
+                type: Input
+            }], errorElement: [{
+                type: ViewChild,
+                args: ['errorElement']
+            }] } });
+
 class PageHeaderComponent {
     get headerClasses() {
         return [this.layoutStyle === 'aligned' ? 'aligned-content' : '', this.useBackgroundImage ? 'with-bg-image' : ''].filter(Boolean).join(' ');
@@ -18690,7 +19039,7 @@ class PageHeaderComponent {
         this.breadcrumbsItems = [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { layoutStyle: "layoutStyle", pageTitle: "pageTitle", pageSubtitle: "pageSubtitle", headerImageUrl: "headerImageUrl", useBackgroundImage: "useBackgroundImage", showBreadcrumbs: "showBreadcrumbs", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.hostStyles" } }, ngImport: i0, template: "<header class=\"page-header\" [ngClass]=\"headerClasses\">\n  <!-- Imagem de fundo do cabe\u00E7alho (opcional) -->\n  @if (shouldShowHeaderImage) {\n    <div class=\"header-background\">\n      <img [src]=\"headerImageUrl\" [alt]=\"pageTitle\" />\n    </div>\n  }\n\n  <!-- Conte\u00FAdo do cabe\u00E7alho -->\n  <div class=\"header-content\">\n    <!-- Breadcrumbs -->\n    @if (shouldShowBreadcrumbs) {\n      <rdsite-breadcrumbs [items]=\"breadcrumbsItems\"></rdsite-breadcrumbs>\n    }\n\n    <!-- T\u00EDtulo e subt\u00EDtulo -->\n    @if (pageTitle) {\n      <cura-display color=\"neutral-purewhite\" margin-block=\"12\">\n        {{ pageTitle }}\n      </cura-display>\n    }\n\n    @if (pageSubtitle) {\n      <cura-paragraph color=\"neutral-purewhite\" [innerHTML]=\"pageSubtitle\"></cura-paragraph>\n    }\n\n    <!-- Conte\u00FAdo customizado -->\n    <ng-content></ng-content>\n  </div>\n</header>\n", styles: [".page-header{position:relative;width:100%;min-height:272px;display:flex;flex-direction:column;justify-content:center;background-color:var(--header-bg-color);padding:50px 140px 50px 142px}.page-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.page-header.with-bg-image{background-color:transparent}.page-header.with-bg-image .header-background img{position:absolute;top:0;right:0;height:100%;max-width:100%;object-fit:cover;opacity:.7}.page-header .header-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--header-bg-color)}.page-header .header-background img{width:100%;height:100%;object-fit:cover;opacity:.3}.page-header .header-content{position:relative;z-index:1;width:100%;max-width:688px!important;text-align:left}@media (max-width: 361px){.page-header{padding:20px 15px;min-height:148px}}@media (min-width: 361px) and (max-width: 769px){.page-header{padding:30px 40px}}@media (min-width: 769px) and (max-width: 1024px){.page-header{padding:40px 90px}}@media (min-width: 1024px) and (max-width: 1366px){.page-header{padding:45px 52px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["items"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { layoutStyle: "layoutStyle", pageTitle: "pageTitle", pageSubtitle: "pageSubtitle", headerImageUrl: "headerImageUrl", useBackgroundImage: "useBackgroundImage", showBreadcrumbs: "showBreadcrumbs", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.hostStyles" } }, ngImport: i0, template: "<header class=\"page-header\" [ngClass]=\"headerClasses\">\n  <!-- Imagem de fundo do cabe\u00E7alho (opcional) -->\n  @if (shouldShowHeaderImage) {\n    <div class=\"header-background\">\n      <img [src]=\"headerImageUrl\" [alt]=\"pageTitle\" />\n    </div>\n  }\n\n  <!-- Conte\u00FAdo do cabe\u00E7alho -->\n  <div class=\"header-content\">\n    <!-- Breadcrumbs -->\n    @if (shouldShowBreadcrumbs) {\n      <rdsite-breadcrumbs [items]=\"breadcrumbsItems\"></rdsite-breadcrumbs>\n    }\n\n    <!-- T\u00EDtulo e subt\u00EDtulo -->\n    @if (pageTitle) {\n      <cura-display color=\"neutral-purewhite\" margin-block=\"12\">\n        {{ pageTitle }}\n      </cura-display>\n    }\n\n    @if (pageSubtitle) {\n      <cura-paragraph color=\"neutral-purewhite\" [innerHTML]=\"pageSubtitle\"></cura-paragraph>\n    }\n\n    <!-- Conte\u00FAdo customizado -->\n    <ng-content></ng-content>\n  </div>\n</header>\n", styles: [".page-header{position:relative;width:100%;min-height:272px;display:flex;flex-direction:column;justify-content:center;background-color:var(--header-bg-color);padding:50px 140px 50px 142px}.page-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.page-header.with-bg-image{background-color:transparent}.page-header.with-bg-image .header-background img{position:absolute;top:0;right:0;height:100%;max-width:100%;object-fit:cover;opacity:.7}.page-header .header-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--header-bg-color)}.page-header .header-background img{width:100%;height:100%;object-fit:cover;opacity:.3}.page-header .header-content{position:relative;z-index:1;width:100%;max-width:688px!important;text-align:left}@media (max-width: 361px){.page-header{padding:20px 15px;min-height:148px}}@media (min-width: 361px) and (max-width: 769px){.page-header{padding:30px 40px}}@media (min-width: 769px) and (max-width: 1024px){.page-header{padding:40px 90px}}@media (min-width: 1024px) and (max-width: 1366px){.page-header{padding:45px 52px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["fontColor", "breadcrumbs"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
             type: Component,
@@ -18720,7 +19069,7 @@ class PageTemplateSidebarComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], template: "<div class=\"page-template-sidebar\">\n  <!-- Header Section -->\n  <div class=\"header-content\">\n    @if (headerContent) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n  </div>\n\n  <!-- Before Content Section -->\n  <div class=\"before-content\">\n    @if (beforeContent) {\n      <ng-container [ngTemplateOutlet]=\"beforeContent\"></ng-container>\n    }\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"main-content\">\n    @if (mainContent) {\n      <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n    }\n  </div>\n\n  <!-- Sidebars -->\n  <div class=\"main-sidebar\">\n    @if (mainSidebar) {\n      <ng-container [ngTemplateOutlet]=\"mainSidebar\"></ng-container>\n    }\n  </div>\n  <div class=\"secondary-sidebar\">\n    @if (sidebarContent) {\n      <ng-container [ngTemplateOutlet]=\"sidebarContent\"></ng-container>\n    }\n  </div>\n\n  <!-- After Content -->\n  <div class=\"after-content\">\n    @if (afterContent) {\n      <ng-container [ngTemplateOutlet]=\"afterContent\"></ng-container>\n    }\n  </div>\n</div>\n", styles: [".page-template-sidebar{display:grid;grid-template-columns:733px 292px;grid-template-rows:auto auto;grid-auto-rows:auto;gap:0px 53px;grid-auto-flow:row dense;padding:0 146px 0 142px;box-sizing:border-box}.page-template-sidebar .header-content{grid-area:1/1/2/4;margin:0 -146px 0 -142px;width:calc(100% + 288px)}.page-template-sidebar .main-sidebar{grid-area:1/3/3/4}.page-template-sidebar .secondary-sidebar{grid-area:3/3/5/4}.page-template-sidebar .before-content{grid-area:2/1/3/3}.page-template-sidebar .main-content{grid-area:3/1/5/3}.page-template-sidebar .after-content{grid-area:5/1/6/4}@media (max-width: 361px){.page-template-sidebar{padding:0 15px;min-height:148px}}@media (min-width: 361px) and (max-width: 769px){.page-template-sidebar{padding:0 40px}}@media (min-width: 769px) and (max-width: 1024px){.page-template-sidebar{padding:0 90px}}@media (min-width: 1024px) and (max-width: 1366px){.page-template-sidebar{padding:0 52px}}\n"] }]
+            args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"page-template-sidebar\">\n  <!-- Header Section -->\n  <div class=\"header-content\">\n    @if (headerContent) {\n      <ng-container [ngTemplateOutlet]=\"headerContent\"></ng-container>\n    }\n  </div>\n\n  <!-- Before Content Section -->\n  <div class=\"before-content\">\n    @if (beforeContent) {\n      <ng-container [ngTemplateOutlet]=\"beforeContent\"></ng-container>\n    }\n  </div>\n\n  <!-- Main Content -->\n  <div class=\"main-content\">\n    @if (mainContent) {\n      <ng-container [ngTemplateOutlet]=\"mainContent\"></ng-container>\n    }\n  </div>\n\n  <!-- Sidebars -->\n  <div class=\"main-sidebar\">\n    @if (mainSidebar) {\n      <ng-container [ngTemplateOutlet]=\"mainSidebar\"></ng-container>\n    }\n  </div>\n  <div class=\"secondary-sidebar\">\n    @if (sidebarContent) {\n      <ng-container [ngTemplateOutlet]=\"sidebarContent\"></ng-container>\n    }\n  </div>\n\n  <!-- After Content -->\n  <div class=\"after-content\">\n    @if (afterContent) {\n      <ng-container [ngTemplateOutlet]=\"afterContent\"></ng-container>\n    }\n  </div>\n</div>\n", styles: [".page-template-sidebar{display:grid;grid-template-columns:733px 292px;grid-template-rows:auto auto;grid-auto-rows:auto;gap:0px 53px;grid-auto-flow:row dense;padding:0 146px 0 142px;box-sizing:border-box}.page-template-sidebar .header-content{grid-area:1/1/2/4;margin:0 -146px 0 -142px;width:calc(100% + 288px)}.page-template-sidebar .main-sidebar{grid-area:1/3/3/4}.page-template-sidebar .secondary-sidebar{grid-area:3/3/5/4}.page-template-sidebar .before-content{grid-area:2/1/3/3}.page-template-sidebar .main-content{grid-area:3/1/5/3}.page-template-sidebar .after-content{grid-area:5/1/6/4}@media (max-width: 361px){.page-template-sidebar{padding:0 15px;min-height:148px}}@media (min-width: 361px) and (max-width: 769px){.page-template-sidebar{padding:0 40px}}@media (min-width: 769px) and (max-width: 1024px){.page-template-sidebar{padding:0 90px}}@media (min-width: 1024px) and (max-width: 1366px){.page-template-sidebar{padding:0 52px}}\n"] }]
         }], propDecorators: { headerContent: [{
                 type: Input
             }], beforeContent: [{
@@ -18759,6 +19108,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
+class ScrollService {
+    constructor() {
+        this.document = inject(DOCUMENT);
+    }
+    scrollToElement(elementId, offset = 0, smooth = true) {
+        const element = this.document.getElementById(elementId);
+        if (!element) {
+            console.warn(`Elemento com id "${elementId}" não encontrado`);
+            return false;
+        }
+        try {
+            const titleElement = element.querySelector('h1, h2, h3, h4, h5, h6') || element;
+            const titlePosition = titleElement.getBoundingClientRect().top + window.scrollY;
+            const stickyHeaderHeight = document.querySelector('.nav-container')?.clientHeight || 0;
+            const offsetPosition = titlePosition - offset - stickyHeaderHeight - 16;
+            window.scrollTo({
+                top: offsetPosition,
+                behavior: smooth ? 'smooth' : 'auto',
+            });
+            return true;
+        }
+        catch (error) {
+            console.error('Erro ao fazer scroll para o elemento:', error);
+            return false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ScrollService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ScrollService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ScrollService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class SectionNavigationComponent {
+    set navigationSections(value) {
+        if (!value?.length) {
+            throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');
+        }
+        this.sections.set(value);
+        if (!this.activeSection()) {
+            this.activeSection.set(value[0].id);
+        }
+    }
+    set navigationConfig(value) {
+        this.config.set(value);
+    }
+    constructor() {
+        this.scrollService = inject(ScrollService);
+        this.curaService = inject(CuraService);
+        this.sections = signal([]);
+        this.config = signal(undefined);
+        this.activeSection = signal('');
+        this.ariaLabel = 'Page Navigation';
+        this.sectionChange = new EventEmitter();
+        effect(() => {
+            const sections = this.sections();
+            if (sections.length && !this.activeSection()) {
+                this.activeSection.set(sections[0].id);
+            }
+        });
+    }
+    ngOnInit() {
+        const sections = this.sections();
+        if (!sections.length) {
+            throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');
+        }
+        if (!this.activeSection()) {
+            this.activeSection.set(sections[0].id);
+        }
+    }
+    onSectionClick(section) {
+        const config = this.config();
+        const success = this.scrollService.scrollToElement(section.id, config?.offsetTop ?? 56, config?.smoothScroll ?? true);
+        if (success) {
+            this.activeSection.set(section.id);
+            this.sectionChange.emit(section);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "rdsite-section-navigation", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, ngImport: i0, template: "<nav [class]=\"config()?.containerClass || 'nav-container'\" [attr.aria-label]=\"ariaLabel\">\n  <div class=\"nav-inner\">\n    <ul class=\"nav-menu\" role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          @if (activeSection() === section.id) {\n            <cura-button\n              size=\"small\"\n              type=\"button\"\n              color=\"primary\"\n              font-color=\"light\"\n              target=\"_self\"\n              role=\"menuitem\"\n              [id]=\"'nav-' + section.id\"\n              [attr.aria-current]=\"'page'\"\n              (click)=\"onSectionClick(section)\"\n              [attr.aria-label]=\"'Navigate to ' + section.title\"\n            >\n              {{ section.title }}\n            </cura-button>\n          } @else {\n            <cura-button-transparent\n              size=\"small\"\n              type=\"button\"\n              color=\"neutral\"\n              font-color=\"dark\"\n              target=\"_self\"\n              text-align=\"center\"\n              role=\"menuitem\"\n              [id]=\"'nav-' + section.id\"\n              [attr.aria-current]=\"null\"\n              (click)=\"onSectionClick(section)\"\n              [attr.aria-label]=\"'Navigate to ' + section.title\"\n            >\n              {{ section.title }}\n            </cura-button-transparent>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</nav>\n", styles: [":host{display:block}.nav-container{width:100%;position:sticky;top:0;left:0;z-index:50;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:26px}.nav-inner{max-width:1152px;margin-left:auto;margin-right:auto}.nav-menu{display:flex;list-style:none;padding:0;margin:0}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-section-navigation', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav [class]=\"config()?.containerClass || 'nav-container'\" [attr.aria-label]=\"ariaLabel\">\n  <div class=\"nav-inner\">\n    <ul class=\"nav-menu\" role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          @if (activeSection() === section.id) {\n            <cura-button\n              size=\"small\"\n              type=\"button\"\n              color=\"primary\"\n              font-color=\"light\"\n              target=\"_self\"\n              role=\"menuitem\"\n              [id]=\"'nav-' + section.id\"\n              [attr.aria-current]=\"'page'\"\n              (click)=\"onSectionClick(section)\"\n              [attr.aria-label]=\"'Navigate to ' + section.title\"\n            >\n              {{ section.title }}\n            </cura-button>\n          } @else {\n            <cura-button-transparent\n              size=\"small\"\n              type=\"button\"\n              color=\"neutral\"\n              font-color=\"dark\"\n              target=\"_self\"\n              text-align=\"center\"\n              role=\"menuitem\"\n              [id]=\"'nav-' + section.id\"\n              [attr.aria-current]=\"null\"\n              (click)=\"onSectionClick(section)\"\n              [attr.aria-label]=\"'Navigate to ' + section.title\"\n            >\n              {{ section.title }}\n            </cura-button-transparent>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n</nav>\n", styles: [":host{display:block}.nav-container{width:100%;position:sticky;top:0;left:0;z-index:50;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:26px}.nav-inner{max-width:1152px;margin-left:auto;margin-right:auto}.nav-menu{display:flex;list-style:none;padding:0;margin:0}cura-button{position:relative;--border-radius: 4px 4px 0 0 !important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { navigationSections: [{
+                type: Input,
+                args: [{ required: true }]
+            }], navigationConfig: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], sectionChange: [{
+                type: Output
+            }] } });
+
 // Components
 
 class PhonePipe {
@@ -18776,55 +19223,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }] });
 
-var Estados;
-(function (Estados) {
-    Estados["AC"] = "Acre";
-    Estados["AL"] = "Alagoas";
-    Estados["AP"] = "Amap\u00E1";
-    Estados["AM"] = "Amazonas";
-    Estados["BA"] = "Bahia";
-    Estados["CE"] = "Cear\u00E1";
-    Estados["DF"] = "Distrito Federal";
-    Estados["ES"] = "Esp\u00EDrito Santo";
-    Estados["GO"] = "Go\u00EDas";
-    Estados["MA"] = "Maranh\u00E3o";
-    Estados["MT"] = "Mato Grosso";
-    Estados["MS"] = "Mato Grosso do Sul";
-    Estados["MG"] = "Minas Gerais";
-    Estados["PA"] = "Par\u00E1";
-    Estados["PB"] = "Para\u00EDba";
-    Estados["PR"] = "Paran\u00E1";
-    Estados["PE"] = "Pernambuco";
-    Estados["PI"] = "Piau\u00ED";
-    Estados["RJ"] = "Rio de Janeiro";
-    Estados["RN"] = "Rio Grande do Norte";
-    Estados["RS"] = "Rio Grande do Sul";
-    Estados["RO"] = "Rond\u00F4nia";
-    Estados["RR"] = "Rora\u00EDma";
-    Estados["SC"] = "Santa Catarina";
-    Estados["SP"] = "S\u00E3o Paulo";
-    Estados["SE"] = "Sergipe";
-    Estados["TO"] = "Tocantins";
-})(Estados || (Estados = {}));
-
-var EnumDoencaTaxonomy;
-(function (EnumDoencaTaxonomy) {
-    EnumDoencaTaxonomy["DOENCAS_CAT"] = "doencas_cat";
-    EnumDoencaTaxonomy["DOENCAS_TAG"] = "doencas_tag";
-})(EnumDoencaTaxonomy || (EnumDoencaTaxonomy = {}));
-var EnumDoencaTaxonomyCat;
-(function (EnumDoencaTaxonomyCat) {
-    EnumDoencaTaxonomyCat["DOENCA"] = "doencas";
-    EnumDoencaTaxonomyCat["SINTOMA"] = "sintomas";
-})(EnumDoencaTaxonomyCat || (EnumDoencaTaxonomyCat = {}));
-
-var RdsiteModalDrawerComponentStyle;
-(function (RdsiteModalDrawerComponentStyle) {
-    RdsiteModalDrawerComponentStyle["DEFAULT"] = "default";
-    RdsiteModalDrawerComponentStyle["DRAWERDOCTOR"] = "doctor-card";
-    RdsiteModalDrawerComponentStyle["FORMFALLBACK"] = "form-fallback";
-})(RdsiteModalDrawerComponentStyle || (RdsiteModalDrawerComponentStyle = {}));
-
 /*
  * Public API Surface of site-front-end-lib
  */
@@ -18834,5 +19232,5 @@ var RdsiteModalDrawerComponentStyle;
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, Estados, FilterLetterAndTermsComponent, FooterComponent, FooterDisclaimerComponent, FooterMenuComponent, FooterMenuItemComponent, FooterSocialMediasComponent, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, LIB_CONFIG, LoadScreenComponent, LogService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, TransferStateService, WhatsappComponent, formatPhone, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
+export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorService, Errors, Estados, FilterLetterAndTermsComponent, FooterComponent, FooterDisclaimerComponent, FooterMenuComponent, FooterMenuItemComponent, FooterSocialMediasComponent, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, LIB_CONFIG, LoadScreenComponent, LogService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, Themes, TransferStateService, WhatsappComponent, formatPhone, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
 //# sourceMappingURL=rededor-site-front-end-lib.mjs.map