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

package/lib/components/algolia/algolia.component.d.ts

@@ -31,14 +31,16 @@ export declare class AlgoliaComponent implements OnInit {
     scrollY: number | null;
     resetItem: EventEmitter<{}>;
     algoliaResults: EventEmitter<{}>;
+    focusEmit: EventEmitter<{}>;
+    blurEmit: EventEmitter<{}>;
     constructor(algoliaSearchApiService: AlgoliaSearchApiService, platformId: object);
     ngOnInit(): void;
     manageFocus(): void;
-    manageScrollPosition(): void;
+    manageBlur(): void;
     resetValues(): void;
     termChange(event: any): void;
     setupAlgolia(config: AlgoliaConfig): boolean;
     search(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlgoliaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlgoliaComponent, "rdsite-algolia", never, { "algoliaConfig": { "alias": "algoliaConfig"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "deleteButton": { "alias": "deleteButton"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "status": { "alias": "status"; "required": false; }; "startSearchAtCharLen": { "alias": "startSearchAtCharLen"; "required": false; }; "hintTitle": { "alias": "hintTitle"; "required": false; }; "hints": { "alias": "hints"; "required": false; }; "searchParams": { "alias": "searchParams"; "required": false; }; }, { "resetItem": "resetItem"; "algoliaResults": "algoliaResults"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlgoliaComponent, "rdsite-algolia", never, { "algoliaConfig": { "alias": "algoliaConfig"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "deleteButton": { "alias": "deleteButton"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "status": { "alias": "status"; "required": false; }; "startSearchAtCharLen": { "alias": "startSearchAtCharLen"; "required": false; }; "hintTitle": { "alias": "hintTitle"; "required": false; }; "hints": { "alias": "hints"; "required": false; }; "searchParams": { "alias": "searchParams"; "required": false; }; }, { "resetItem": "resetItem"; "algoliaResults": "algoliaResults"; "focusEmit": "focusEmit"; "blurEmit": "blurEmit"; }, never, ["*", "app-planos-e-convenios-tooltip"], true, never>;
 }

package/lib/components/breadcrumbs/breadcrumbs.component.d.ts

@@ -1,28 +1,31 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { BreadcrumbsItems } from '../../models/breadcrumbs/breadcrumbs-items.model';
 import { CuraService } from '../../services/cura/cura.service';
 import { LibConfig } from '../../tokens/LibConfig';
 import * as i0 from "@angular/core";
-export declare class BreadcrumbsComponent {
+export declare class BreadcrumbsComponent implements AfterViewInit {
     private curaService;
     private libConfig;
     private document;
-    fontColor: string | null;
+    private readonly platformId;
+    labelIconColor: string;
+    isDesktop: boolean;
     private _breadcrumbs;
     set breadcrumbs(value: BreadcrumbsItems[]);
     get breadcrumbs(): BreadcrumbsItems[];
     private breadcrumbsJsonTag;
     private breadcrumbsJsonTagId;
-    style: {
-        '--font-size': string;
-        '--font-color': string | null;
-        '--symbol-color': string | null;
-    };
-    constructor(curaService: CuraService, libConfig: LibConfig, document: Document);
+    breadCrumbsElement: ElementRef<HTMLDivElement>;
+    onWindowResize(): void;
+    constructor(curaService: CuraService, libConfig: LibConfig, document: Document, platformId: object);
+    ngAfterViewInit(): void;
+    setIsDesktop(): void;
+    getColors(color: string): void;
     getUrl(urls?: string[]): string;
     private setBreadcrumbsJson;
     private getBreadcrumbsJSONTag;
     private createBreadcrumbsJSONTag;
     private getJsonBreadcrumbItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "rdsite-breadcrumbs", never, { "fontColor": { "alias": "fontColor"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "rdsite-breadcrumbs", never, { "labelIconColor": { "alias": "labelIconColor"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.d.ts

@@ -0,0 +1,40 @@
+import { CuraService } from '../../../services';
+import { RdsiteImage } from '../../../models/images/rdsite-image.model';
+import { ImageMimeType } from '../../../enums/ImageMimeType.enum';
+import { UnidadeCoverageType } from '../../../enums';
+import * as i0 from "@angular/core";
+export declare class CardUnidadePlanosConveniosComponent {
+    private readonly curaService;
+    title: string;
+    subtitle?: string;
+    coverage?: {
+        title: UnidadeCoverageType;
+        list?: {
+            title: string;
+            isCovered: boolean;
+        }[];
+    };
+    address?: string;
+    cta1?: {
+        label: string;
+        link: string;
+    };
+    cta2?: {
+        label: string;
+        link: string;
+    };
+    logoWebpSrc: string;
+    logoDefaultSrc: string;
+    logoSizes: RdsiteImage[];
+    logoMimeType: ImageMimeType;
+    logoAlt: string;
+    logoTitle: string;
+    styleBinding: {
+        '--neutral-light': string | null;
+        '--neutral-white': string | null;
+        '--neutral-purewhite': string | null;
+    };
+    constructor(curaService: CuraService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardUnidadePlanosConveniosComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardUnidadePlanosConveniosComponent, "rdsite-card-unidade-planos-convenios", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "coverage": { "alias": "coverage"; "required": false; }; "address": { "alias": "address"; "required": false; }; "cta1": { "alias": "cta1"; "required": false; }; "cta2": { "alias": "cta2"; "required": false; }; "logoWebpSrc": { "alias": "logoWebpSrc"; "required": false; }; "logoDefaultSrc": { "alias": "logoDefaultSrc"; "required": false; }; "logoSizes": { "alias": "logoSizes"; "required": false; }; "logoMimeType": { "alias": "logoMimeType"; "required": false; }; "logoAlt": { "alias": "logoAlt"; "required": false; }; "logoTitle": { "alias": "logoTitle"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/cta-wrapper/cta-wrapper.component.d.ts

@@ -5,11 +5,15 @@ export declare class CtaWrapperComponent {
     private readonly curaService;
     private nguService;
     private readonly platformId;
+    title: string;
+    text: string;
     ctas: any;
-    colors: {
+    colors: Partial<{
         border: string;
         icon: string;
-    };
+        text: string;
+        title: string;
+    }>;
     carouselCtasConfig: NguCarouselConfig;
     bannerControl: boolean;
     seeMoreControl: boolean;
@@ -19,11 +23,13 @@ export declare class CtaWrapperComponent {
         '--more-options-color': string | null;
         '--border-color': string | null;
         '--label-color': string | null;
+        '--title-color': string | null;
+        '--text-color': string | null;
     };
     class: boolean;
     constructor(curaService: CuraService, nguService: NguCarouselService, platformId: object);
     ngOnInit(): void;
     moreOptions(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CtaWrapperComponent, "rdsite-cta-wrapper", never, { "ctas": { "alias": "ctas"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CtaWrapperComponent, "rdsite-cta-wrapper", never, { "title": { "alias": "title"; "required": false; }; "text": { "alias": "text"; "required": false; }; "ctas": { "alias": "ctas"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/error/error-service/error.service.d.ts

@@ -1,6 +1,6 @@
 import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
-export interface ctas404_502 {
+export interface ctasError {
     label: string;
     link: string;
     icon: string;
@@ -11,7 +11,7 @@ export interface ctasArea {
     icon: string;
 }
 export declare class ErrorService {
-    ctas: BehaviorSubject<ctas404_502[]>;
+    ctas: BehaviorSubject<ctasError[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ErrorService>;
 }

package/lib/components/error/error.component.d.ts

@@ -1,11 +1,11 @@
-import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { ErrorService, ctas404_502 } from './error-service/error.service';
+import { OnDestroy, OnInit } from '@angular/core';
+import { ErrorService, ctasError } from './error-service/error.service';
 import { Subscription } from 'rxjs';
 import { CuraService, LogService, SeoService, ServerResponseService } from '../../services';
 import { BreadcrumbsItems } from '../../models/breadcrumbs/breadcrumbs-items.model';
 import { Errors, Themes } from '../../enums';
 import * as i0 from "@angular/core";
-export declare class ErrorComponent implements OnInit, AfterViewInit, OnDestroy {
+export declare class ErrorComponent implements OnInit, OnDestroy {
     private errorService;
     private curaService;
     private logService;
@@ -20,7 +20,7 @@ export declare class ErrorComponent implements OnInit, AfterViewInit, OnDestroy
     component: string;
     breadcrumbsItems: BreadcrumbsItems[];
     ctasSubscription: Subscription;
-    ctas: ctas404_502[];
+    ctas: ctasError[];
     responseText: string;
     backgroundColor: string;
     labelColor: string;
@@ -30,10 +30,12 @@ export declare class ErrorComponent implements OnInit, AfterViewInit, OnDestroy
     ctasBorderColor: string;
     ctasIconColor: string;
     error: typeof Errors;
-    errorElement: ElementRef<HTMLDivElement>;
+    get style(): {
+        '--backgroundColor': string | null;
+        '--labelColor': string | null;
+    };
     constructor(errorService: ErrorService, curaService: CuraService, logService: LogService, seoService: SeoService, serverResponse: ServerResponseService, platformId: object);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     setTheme(theme: Themes): void;
     reloadPage(): void;
     ngOnDestroy(): void;

package/lib/components/image/image.component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import { ImageMimeType } from '../../enums/ImageMimeType.enum';
+import { RdsiteImage } from '../../models/images/rdsite-image.model';
+import { LibConfig } from '../../tokens/LibConfig';
+import * as i0 from "@angular/core";
+export declare class ImageComponent implements OnInit {
+    private libConfig;
+    private readonly platformId;
+    imageWebpSrc: string;
+    imageDefaultSrc: string;
+    imageSizes: RdsiteImage[];
+    mimeType: ImageMimeType;
+    alt: string;
+    title: string;
+    loading: 'eager' | 'lazy';
+    constructor(libConfig: LibConfig, platformId: object);
+    ngOnInit(): void;
+    private handleServerImageError;
+    handleImageError(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageComponent, "rdsite-image", never, { "imageWebpSrc": { "alias": "imageWebpSrc"; "required": false; }; "imageDefaultSrc": { "alias": "imageDefaultSrc"; "required": false; }; "imageSizes": { "alias": "imageSizes"; "required": false; }; "mimeType": { "alias": "mimeType"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "title": { "alias": "title"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/index.d.ts

@@ -33,3 +33,5 @@ export * from './breadcrumbs/breadcrumbs.component';
 export * from './page-template-sidebar/page-template-sidebar.component';
 export * from './filter-letter-and-terms/filter-letter-and-terms.component';
 export * from './section-navigation/section-navigation.component';
+export * from './image/image.component';
+export * from './cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component';

package/lib/components/page-header/page-header.component.d.ts

@@ -3,22 +3,15 @@ import { BreadcrumbsItems } from '../../models/breadcrumbs/breadcrumbs-items.mod
 import * as i0 from "@angular/core";
 export declare class PageHeaderComponent {
     private readonly curaService;
-    layoutStyle: 'aligned' | 'centered';
     pageTitle: string;
-    pageSubtitle: string;
-    headerImageUrl?: string;
-    useBackgroundImage: boolean;
-    showBreadcrumbs: boolean;
-    breadcrumbsItems: BreadcrumbsItems[];
-    get headerClasses(): string;
-    get shouldShowHeaderImage(): boolean;
-    get shouldShowBreadcrumbs(): boolean;
-    get hostStyles(): {
-        '--header-bg-color': string | null;
-        '--header-title-color': string | null;
-        '--font-color': string | null;
+    pageHeaderText: string;
+    hasPadding: boolean;
+    breadcrumbs: BreadcrumbsItems[];
+    bgColor: string;
+    get style(): {
+        '--bg-color': string | null;
     };
     constructor(curaService: CuraService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "rdsite-page-header", never, { "layoutStyle": { "alias": "layoutStyle"; "required": false; }; "pageTitle": { "alias": "pageTitle"; "required": false; }; "pageSubtitle": { "alias": "pageSubtitle"; "required": false; }; "headerImageUrl": { "alias": "headerImageUrl"; "required": false; }; "useBackgroundImage": { "alias": "useBackgroundImage"; "required": false; }; "showBreadcrumbs": { "alias": "showBreadcrumbs"; "required": false; }; "breadcrumbsItems": { "alias": "breadcrumbsItems"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "rdsite-page-header", never, { "pageTitle": { "alias": "pageTitle"; "required": false; }; "pageHeaderText": { "alias": "pageHeaderText"; "required": false; }; "hasPadding": { "alias": "hasPadding"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/page-template-sidebar/page-template-sidebar.component.d.ts

@@ -1,12 +1,11 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class PageTemplateSidebarComponent {
-    headerContent?: TemplateRef<any>;
-    beforeContent?: TemplateRef<any>;
-    mainContent?: TemplateRef<any>;
-    mainSidebar?: TemplateRef<any>;
-    sidebarContent?: TemplateRef<any>;
-    afterContent?: TemplateRef<any>;
+    header: TemplateRef<any> | null;
+    beforeContent: TemplateRef<any> | null;
+    content: TemplateRef<any> | null;
+    afterContent: TemplateRef<any> | null;
+    sidebarContent: TemplateRef<any> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageTemplateSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageTemplateSidebarComponent, "rdsite-page-template-sidebar", never, { "headerContent": { "alias": "headerContent"; "required": false; }; "beforeContent": { "alias": "beforeContent"; "required": false; }; "mainContent": { "alias": "mainContent"; "required": false; }; "mainSidebar": { "alias": "mainSidebar"; "required": false; }; "sidebarContent": { "alias": "sidebarContent"; "required": false; }; "afterContent": { "alias": "afterContent"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageTemplateSidebarComponent, "rdsite-page-template-sidebar", never, { "header": { "alias": "header"; "required": false; }; "beforeContent": { "alias": "beforeContent"; "required": false; }; "content": { "alias": "content"; "required": false; }; "afterContent": { "alias": "afterContent"; "required": false; }; "sidebarContent": { "alias": "sidebarContent"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/enums/ImageMimeType.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum ImageMimeType {
+    WEBP = "image/webp",
+    JPEG = "image/jpeg",
+    PNG = "image/png"
+}

package/lib/enums/UnidadeCoverageType.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum UnidadeCoverageType {
+    TOTAL = "Cobertura completa",
+    PARTIAL = "Cobertura apenas para",
+    NONE = "Esta unidade n\u00E3o oferece cobertura ao seu plano ou conv\u00EAnio"
+}

package/lib/enums/index.d.ts

@@ -1,7 +1,9 @@
 export * from './Estados.enum';
 export * from './EnumDoencaTaxonomy.enum';
 export * from './IconCuraDefaultType.enum';
+export * from './ImageMimeType.enum';
 export * from './RdsiteModalComponentStyle.enum';
 export * from './RdsiteModalDrawerComponentStyle.enum';
 export * from './EnumThemes.enum';
 export * from './EnumError.enum';
+export * from './UnidadeCoverageType.enum';

package/lib/models/images/rdsite-image.model.d.ts

@@ -0,0 +1,5 @@
+export interface RdsiteImage {
+    source_url: string;
+    media: string;
+    mime_type: string;
+}

package/lib/services/cura/cura.service.d.ts

@@ -15,7 +15,7 @@ export declare class CuraService implements OnDestroy {
     private curaAPISubscriptionInit;
     private injectCuraAPI;
     loadTheme(theme: string): void;
-    getColor(colorWithDepth: string): string | null;
+    getColor(colorWithDepth: string, opacity?: number): string | null;
     getSpacing(): string | null;
     getFontFamily(type: string): string | null;
     getFontWeights(): {

package/lib/tokens/LibConfig.d.ts

@@ -10,6 +10,7 @@ export interface LibConfig {
     client_id: string;
     xOriginApplication: string;
     searchApiEnv: string;
+    fallbackImgSrc: string;
     iconsetDefaultList: string[];
     siteApi: {
         auth: {

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@rededor/site-front-end-lib",
-  "version": "0.0.53",
+  "version": "0.0.55",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
     "@ngu/carousel": "^9.0.0",
-    "@rededor/cura": ">=0.5.1 <2.0.0 || ^1.0.0-alpha",
+    "@rededor/cura": ">=0.5.1 <2.0.0 || ^1.4.0-alpha.1",
     "algoliasearch": "^4.16.0",
     "express": "^4.18.2",
     "he": "^1.2.0",

package/styles/_breakpoints.scss

@@ -1,4 +1,5 @@
 $breakpoint-xsmall: 361px !default;
 $breakpoint-small: 769px !default;
+$breakpoint-medium-large: 992px !default;
 $breakpoint-medium: 1024px !default;
 $breakpoint-large: 1366px !default;