@rededor/site-front-end-lib 0.0.52 → 0.0.54

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/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/index.d.ts

@@ -32,3 +32,4 @@ export * from './page-header/page-header.component';
 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';

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

@@ -3,22 +3,16 @@ 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[];
+    style: {
+        '--spacing': string | null;
+        '--color': string | null;
+        '--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; }; }, {}, 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/components/section-navigation/section-navigation.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NavigationSection, SectionNavigationConfig } from '../../models/section-navigation.model';
+import * as i0 from "@angular/core";
+export declare class SectionNavigationComponent implements OnInit {
+    private readonly scrollService;
+    private readonly curaService;
+    readonly sections: import("@angular/core").WritableSignal<NavigationSection[]>;
+    readonly config: import("@angular/core").WritableSignal<SectionNavigationConfig | undefined>;
+    readonly activeSection: import("@angular/core").WritableSignal<string>;
+    set navigationSections(value: NavigationSection[]);
+    set navigationConfig(value: SectionNavigationConfig);
+    ariaLabel: string;
+    sectionChange: EventEmitter<NavigationSection>;
+    constructor();
+    ngOnInit(): void;
+    onSectionClick(section: NavigationSection): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SectionNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionNavigationComponent, "rdsite-section-navigation", never, { "navigationSections": { "alias": "navigationSections"; "required": true; }; "navigationConfig": { "alias": "navigationConfig"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "sectionChange": "sectionChange"; }, never, never, true, never>;
+}

package/lib/models/section-navigation.model.d.ts

@@ -0,0 +1,9 @@
+export interface NavigationSection {
+    id: string;
+    title: string;
+}
+export interface SectionNavigationConfig {
+    offsetTop?: number;
+    smoothScroll?: boolean;
+    containerClass?: string;
+}

package/lib/services/scroll-service/scroll-service.service.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ScrollService {
+    private document;
+    scrollToElement(elementId: string, offset?: number, smooth?: boolean): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScrollService>;
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@rededor/site-front-end-lib",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "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;