@rededor/site-front-end-lib 20.0.0 → 20.0.2

package/components/filter-letter-and-terms/index.d.ts

@@ -9,6 +9,7 @@ declare class FilterLetterAndTermsComponent implements AfterViewInit {
     readonly baseUrl: _angular_core.InputSignal<string>;
     readonly baseUrlAll: _angular_core.InputSignal<string>;
     readonly enableScroll: _angular_core.InputSignal<boolean>;
+    readonly buttonMode: _angular_core.InputSignal<boolean>;
     private isFirstScroll;
     private _selectedOption;
     set selectedOption(value: string);
@@ -30,7 +31,7 @@ declare class FilterLetterAndTermsComponent implements AfterViewInit {
     selectOption(option: string, event: Event): void;
     scrollToSelectedOption(value: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterLetterAndTermsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterLetterAndTermsComponent, "rdsite-filter-letter-and-terms", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "baseUrl": { "alias": "baseUrl"; "required": false; "isSignal": true; }; "baseUrlAll": { "alias": "baseUrlAll"; "required": false; "isSignal": true; }; "enableScroll": { "alias": "enableScroll"; "required": false; "isSignal": true; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterLetterAndTermsComponent, "rdsite-filter-letter-and-terms", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "baseUrl": { "alias": "baseUrl"; "required": false; "isSignal": true; }; "baseUrlAll": { "alias": "baseUrlAll"; "required": false; "isSignal": true; }; "enableScroll": { "alias": "enableScroll"; "required": false; "isSignal": true; }; "buttonMode": { "alias": "buttonMode"; "required": false; "isSignal": true; }; "selectedOption": { "alias": "selectedOption"; "required": false; }; }, { "optionSelected": "optionSelected"; }, never, never, true, never>;
 }
 
 export { FilterLetterAndTermsComponent };

package/components/page-header/index.d.ts

@@ -8,13 +8,17 @@ declare class PageHeaderComponent {
     readonly hasPadding: _angular_core.InputSignal<boolean>;
     readonly breadcrumbs: _angular_core.InputSignal<BreadcrumbsItems[]>;
     readonly bgColor: _angular_core.InputSignal<string>;
+    readonly imgUrl: _angular_core.InputSignal<string>;
+    readonly imgMimeType: _angular_core.InputSignal<any>;
+    readonly imgAlt: _angular_core.InputSignal<string>;
+    readonly imgTitle: _angular_core.InputSignal<string>;
     get style(): {
         '--bg-color': string;
         '--neutral-purewhite': string;
         '--font-family': string;
     };
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "rdsite-page-header", never, { "pageTitle": { "alias": "pageTitle"; "required": false; "isSignal": true; }; "pageHeaderText": { "alias": "pageHeaderText"; "required": false; "isSignal": true; }; "hasPadding": { "alias": "hasPadding"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "rdsite-page-header", never, { "pageTitle": { "alias": "pageTitle"; "required": false; "isSignal": true; }; "pageHeaderText": { "alias": "pageHeaderText"; "required": false; "isSignal": true; }; "hasPadding": { "alias": "hasPadding"; "required": false; "isSignal": true; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; "isSignal": true; }; "bgColor": { "alias": "bgColor"; "required": false; "isSignal": true; }; "imgUrl": { "alias": "imgUrl"; "required": false; "isSignal": true; }; "imgMimeType": { "alias": "imgMimeType"; "required": false; "isSignal": true; }; "imgAlt": { "alias": "imgAlt"; "required": false; "isSignal": true; }; "imgTitle": { "alias": "imgTitle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { PageHeaderComponent };

package/components/sidebar-navigation/index.d.ts

@@ -1,14 +1,18 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { SectionNavigationData, SectionNavigationConfig } from '@rededor/site-front-end-lib/core';
 
-declare class SidebarNavigationComponent {
+declare class SidebarNavigationComponent implements AfterViewInit {
     private readonly curaApiService;
     private router;
+    private platformId;
+    private document;
     readonly sections: _angular_core.WritableSignal<SectionNavigationData[]>;
     readonly config: _angular_core.WritableSignal<SectionNavigationConfig | undefined>;
     readonly activeSection: _angular_core.WritableSignal<string>;
     selectedIndex: _angular_core.WritableSignal<number>;
+    defaultAnchorAdjustment: _angular_core.WritableSignal<number>;
+    private menuHeaderHeight;
     readonly anchorAdjustment: _angular_core.InputSignal<number>;
     readonly title: _angular_core.InputSignal<string>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
@@ -21,6 +25,7 @@ declare class SidebarNavigationComponent {
     styleBinding: {
         '--font-family': string;
     };
+    ngAfterViewInit(): void;
     private windowScroll;
     getPath(sectionId: string): string;
     onSectionClick(event: SectionNavigationData): void;

package/components/sticky-navigation/index.d.ts

@@ -1,15 +1,20 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { SectionNavigationData, SectionNavigationConfig } from '@rededor/site-front-end-lib/core';
 
-declare class StickyNavigationComponent {
+declare class StickyNavigationComponent implements AfterViewInit {
     private curaApiService;
     private router;
+    private platformId;
+    private document;
     readonly sections: _angular_core.WritableSignal<SectionNavigationData[]>;
     readonly config: _angular_core.WritableSignal<SectionNavigationConfig | undefined>;
     readonly activeSection: _angular_core.WritableSignal<string>;
     readonly isOpen: _angular_core.WritableSignal<boolean>;
     selectedIndex: _angular_core.WritableSignal<number>;
+    defaultAnchorAdjustment: _angular_core.WritableSignal<number>;
+    private menuHeaderHeight;
+    private menuStickyClosedHeight;
     readonly anchorAdjustment: _angular_core.InputSignal<number>;
     readonly title: _angular_core.InputSignal<string>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
@@ -23,6 +28,7 @@ declare class StickyNavigationComponent {
         '--neutral-purewhite': string;
         '--font-family': string;
     };
+    ngAfterViewInit(): void;
     private windowScroll;
     getPath(sectionId: string): string;
     onSectionClick(event: SectionNavigationData): void;

package/cura/feedback/cura-toast/index.d.ts

@@ -0,0 +1,104 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+
+/**
+ * Toast types available
+ */
+type ToastType = 'info' | 'success' | 'warning' | 'error';
+/**
+ * Toast position types
+ */
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+/**
+ * Toast configuration interface
+ */
+interface ToastConfig {
+    type?: ToastType;
+    position?: ToastPosition;
+    icon?: string;
+    label?: string;
+    closeButton?: boolean;
+    loader?: boolean;
+    autoCloseDelay?: number;
+}
+
+declare class CuraToastComponent implements OnInit, OnDestroy {
+    private curaApi;
+    private elementRef;
+    private intervalId?;
+    /**
+     * Toast type: info (default) | success | warning | error
+     */
+    type: _angular_core.InputSignal<ToastType>;
+    /**
+     * Toast position on screen
+     */
+    position: _angular_core.InputSignal<ToastPosition>;
+    /**
+     * Custom icon name
+     */
+    icon: _angular_core.InputSignal<string>;
+    /**
+     * Toast label/title
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Show close button. Default: true
+     */
+    closeButton: _angular_core.InputSignal<boolean>;
+    /**
+     * Show loader bar. Default: true
+     */
+    loader: _angular_core.InputSignal<boolean>;
+    /**
+     * Auto close delay in milliseconds. Default: 10000ms (10s)
+     */
+    autoCloseDelay: _angular_core.InputSignal<number>;
+    /**
+     * Close event emitter
+     */
+    toastClosed: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Progress state for loader animation
+     */
+    progress: _angular_core.WritableSignal<number>;
+    /**
+     * Active state for animation
+     */
+    isActive: _angular_core.WritableSignal<boolean>;
+    constructor();
+    toastStyles: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
+    containerClasses: _angular_core.Signal<{
+        [key: string]: boolean;
+    }>;
+    iconName: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Opens the toast container with animation
+     */
+    openContainer(): void;
+    /**
+     * Closes the toast container with animation
+     */
+    closeContainer(): void;
+    /**
+     * Public method to close toast
+     */
+    close(): void;
+    /**
+     * Handle close button click
+     */
+    handleClose(): void;
+    /**
+     * Starts the auto-close animation
+     */
+    private startAnimation;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraToastComponent, "cura-toast", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; "loader": { "alias": "loader"; "required": false; "isSignal": true; }; "autoCloseDelay": { "alias": "autoCloseDelay"; "required": false; "isSignal": true; }; }, { "toastClosed": "toastClosed"; }, never, ["*", "[slot=actions]"], true, never>;
+}
+
+export { CuraToastComponent };
+export type { ToastConfig, ToastPosition, ToastType };

package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs

@@ -12,6 +12,7 @@ class FilterLetterAndTermsComponent {
         this.baseUrl = input('', ...(ngDevMode ? [{ debugName: "baseUrl" }] : []));
         this.baseUrlAll = input('', ...(ngDevMode ? [{ debugName: "baseUrlAll" }] : []));
         this.enableScroll = input(false, ...(ngDevMode ? [{ debugName: "enableScroll" }] : []));
+        this.buttonMode = input(false, ...(ngDevMode ? [{ debugName: "buttonMode" }] : []));
         this.isFirstScroll = true;
         this._selectedOption = '';
         this.optionSelected = output();
@@ -71,12 +72,12 @@ class FilterLetterAndTermsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, baseUrlAll: { classPropertyName: "baseUrlAll", publicName: "baseUrlAll", isSignal: true, isRequired: false, transformFunction: null }, enableScroll: { classPropertyName: "enableScroll", publicName: "enableScroll", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\r\n  <a\r\n    id=\"todas\"\r\n    rdsitelink\r\n    class=\"filter-option\"\r\n    [class.selected]=\"selectedOption === ''\"\r\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\r\n    (click)=\"selectOption('', $event)\"\r\n  >\r\n    TODAS\r\n  </a>\r\n\r\n  @if (options.length > 1) {\r\n    @for (option of options(); track option) {\r\n      <a\r\n        [id]=\"option\"\r\n        rdsitelink\r\n        class=\"filter-option\"\r\n        [class.selected]=\"selectedOption === option\"\r\n        [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\r\n        (click)=\"selectOption(option, $event)\"\r\n      >\r\n        {{ option }}\r\n      </a>\r\n    }\r\n  }\r\n</div>\r\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, baseUrlAll: { classPropertyName: "baseUrlAll", publicName: "baseUrlAll", isSignal: true, isRequired: false, transformFunction: null }, enableScroll: { classPropertyName: "enableScroll", publicName: "enableScroll", isSignal: true, isRequired: false, transformFunction: null }, buttonMode: { classPropertyName: "buttonMode", publicName: "buttonMode", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\n  <a\n    id=\"todas\"\n    rdsitelink\n    class=\"filter-option\"\n    [class.selected]=\"selectedOption === ''\"\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n    (click)=\"selectOption('', $event)\"\n  >\n    TODAS\n  </a>\n\n  @if (options.length > 1) {\n    @for (option of options(); track option) {\n      @if (!buttonMode()) {\n        <a\n          [id]=\"option\"\n          rdsitelink\n          class=\"filter-option\"\n          [class.selected]=\"selectedOption === option\"\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n          (click)=\"selectOption(option, $event)\"\n        >\n          {{ option }}\n        </a>\n      } @else {\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n          {{ option }}\n        </button>\n      }\n    }\n  }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light);cursor:pointer}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-filter-letter-and-terms', imports: [], template: "<div class=\"filter-letter-and-terms\">\r\n  <a\r\n    id=\"todas\"\r\n    rdsitelink\r\n    class=\"filter-option\"\r\n    [class.selected]=\"selectedOption === ''\"\r\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\r\n    (click)=\"selectOption('', $event)\"\r\n  >\r\n    TODAS\r\n  </a>\r\n\r\n  @if (options.length > 1) {\r\n    @for (option of options(); track option) {\r\n      <a\r\n        [id]=\"option\"\r\n        rdsitelink\r\n        class=\"filter-option\"\r\n        [class.selected]=\"selectedOption === option\"\r\n        [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\r\n        (click)=\"selectOption(option, $event)\"\r\n      >\r\n        {{ option }}\r\n      </a>\r\n    }\r\n  }\r\n</div>\r\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], baseUrlAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrlAll", required: false }] }], enableScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableScroll", required: false }] }], selectedOption: [{
+            args: [{ selector: 'rdsite-filter-letter-and-terms', imports: [], template: "<div class=\"filter-letter-and-terms\">\n  <a\n    id=\"todas\"\n    rdsitelink\n    class=\"filter-option\"\n    [class.selected]=\"selectedOption === ''\"\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n    (click)=\"selectOption('', $event)\"\n  >\n    TODAS\n  </a>\n\n  @if (options.length > 1) {\n    @for (option of options(); track option) {\n      @if (!buttonMode()) {\n        <a\n          [id]=\"option\"\n          rdsitelink\n          class=\"filter-option\"\n          [class.selected]=\"selectedOption === option\"\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n          (click)=\"selectOption(option, $event)\"\n        >\n          {{ option }}\n        </a>\n      } @else {\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n          {{ option }}\n        </button>\n      }\n    }\n  }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light);cursor:pointer}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], baseUrlAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrlAll", required: false }] }], enableScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableScroll", required: false }] }], buttonMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonMode", required: false }] }], selectedOption: [{
                 type: Input
             }], optionSelected: [{ type: i0.Output, args: ["optionSelected"] }], style: [{
                 type: HostBinding,

package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-filter-letter-and-terms.mjs","sources":["../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.ts","../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.html","../../../projects/site-front-end-lib/components/filter-letter-and-terms/rededor-site-front-end-lib-components-filter-letter-and-terms.ts"],"sourcesContent":["import { AfterViewInit, Component, HostBinding, Input, PLATFORM_ID, DOCUMENT, input, output, inject } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n  selector: 'rdsite-filter-letter-and-terms',\r\n  imports: [],\r\n  templateUrl: './filter-letter-and-terms.component.html',\r\n  styleUrl: './filter-letter-and-terms.component.scss',\r\n})\r\nexport class FilterLetterAndTermsComponent implements AfterViewInit {\r\n  private readonly curaApiService = inject(CuraApiService);\r\n  private document = inject<Document>(DOCUMENT);\r\n  private readonly platformId = inject(PLATFORM_ID);\r\n\r\n  readonly options = input<string[]>([]);\r\n  readonly baseUrl = input<string>('');\r\n  readonly baseUrlAll = input<string>('');\r\n  readonly enableScroll = input(false);\r\n  private isFirstScroll = true;\r\n  private _selectedOption: string = '';\r\n\r\n  @Input()\r\n  set selectedOption(value: string) {\r\n    if (this._selectedOption === value) return;\r\n    this._selectedOption = value;\r\n    if (this.enableScroll() && !this.isFirstScroll) {\r\n      this.scrollToSelectedOption(value);\r\n    }\r\n  }\r\n\r\n  get selectedOption(): string {\r\n    return this._selectedOption;\r\n  }\r\n\r\n  readonly optionSelected = output<string>();\r\n\r\n  @HostBinding('style') get style() {\r\n    return {\r\n      '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n      '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n      '--neutral-pale': this.curaApiService.theme.colors.getColor('neutral-pale'),\r\n      '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\r\n      '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\r\n      '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\r\n      '--color-one-light': this.curaApiService.theme.colors.getColor('primary-light'),\r\n      '--color-one-base': this.curaApiService.theme.colors.getColor('primary-base'),\r\n      '--color-one-dark': this.curaApiService.theme.colors.getColor('primary-dark'),\r\n      '--color-one-darker': this.curaApiService.theme.colors.getColor('primary-darker'),\r\n    };\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    if (this.selectedOption) {\r\n      setTimeout(() => {\r\n        this.scrollToSelectedOption(this.selectedOption);\r\n        this.isFirstScroll = false;\r\n      }, 100);\r\n    }\r\n  }\r\n\r\n  selectOption(option: string, event: Event): void {\r\n    event.preventDefault();\r\n    if (this._selectedOption !== option) {\r\n      this._selectedOption = option;\r\n      this.optionSelected.emit(option);\r\n      this.scrollToSelectedOption(option);\r\n    }\r\n  }\r\n\r\n  scrollToSelectedOption(value: string) {\r\n    if (isPlatformBrowser(this.platformId)) {\r\n      const elementId = value || 'todas';\r\n      const selectedElement = elementId === 'todas' ? this.document.getElementById('todas') : this.document.getElementById(value);\r\n      if (selectedElement) {\r\n        selectedElement.scrollIntoView({\r\n          behavior: 'smooth',\r\n          inline: 'center',\r\n          block: 'nearest',\r\n        });\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div class=\"filter-letter-and-terms\">\r\n  <a\r\n    id=\"todas\"\r\n    rdsitelink\r\n    class=\"filter-option\"\r\n    [class.selected]=\"selectedOption === ''\"\r\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\r\n    (click)=\"selectOption('', $event)\"\r\n  >\r\n    TODAS\r\n  </a>\r\n\r\n  @if (options.length > 1) {\r\n    @for (option of options(); track option) {\r\n      <a\r\n        [id]=\"option\"\r\n        rdsitelink\r\n        class=\"filter-option\"\r\n        [class.selected]=\"selectedOption === option\"\r\n        [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\r\n        (click)=\"selectOption(option, $event)\"\r\n      >\r\n        {{ option }}\r\n      </a>\r\n    }\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rededor-site-front-end-lib-components-filter-letter-and-terms.mjs","sources":["../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.ts","../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.html","../../../projects/site-front-end-lib/components/filter-letter-and-terms/rededor-site-front-end-lib-components-filter-letter-and-terms.ts"],"sourcesContent":["import { AfterViewInit, Component, HostBinding, Input, PLATFORM_ID, DOCUMENT, input, output, inject } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n  selector: 'rdsite-filter-letter-and-terms',\n  imports: [],\n  templateUrl: './filter-letter-and-terms.component.html',\n  styleUrl: './filter-letter-and-terms.component.scss',\n})\nexport class FilterLetterAndTermsComponent implements AfterViewInit {\n  private readonly curaApiService = inject(CuraApiService);\n  private document = inject<Document>(DOCUMENT);\n  private readonly platformId = inject(PLATFORM_ID);\n\n  readonly options = input<string[]>([]);\n  readonly baseUrl = input<string>('');\n  readonly baseUrlAll = input<string>('');\n  readonly enableScroll = input(false);\n  readonly buttonMode = input(false);\n  private isFirstScroll = true;\n  private _selectedOption: string = '';\n\n  @Input()\n  set selectedOption(value: string) {\n    if (this._selectedOption === value) return;\n    this._selectedOption = value;\n    if (this.enableScroll() && !this.isFirstScroll) {\n      this.scrollToSelectedOption(value);\n    }\n  }\n\n  get selectedOption(): string {\n    return this._selectedOption;\n  }\n\n  readonly optionSelected = output<string>();\n\n  @HostBinding('style') get style() {\n    return {\n      '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n      '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n      '--neutral-pale': this.curaApiService.theme.colors.getColor('neutral-pale'),\n      '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\n      '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\n      '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\n      '--color-one-light': this.curaApiService.theme.colors.getColor('primary-light'),\n      '--color-one-base': this.curaApiService.theme.colors.getColor('primary-base'),\n      '--color-one-dark': this.curaApiService.theme.colors.getColor('primary-dark'),\n      '--color-one-darker': this.curaApiService.theme.colors.getColor('primary-darker'),\n    };\n  }\n\n  ngAfterViewInit() {\n    if (this.selectedOption) {\n      setTimeout(() => {\n        this.scrollToSelectedOption(this.selectedOption);\n        this.isFirstScroll = false;\n      }, 100);\n    }\n  }\n\n  selectOption(option: string, event: Event): void {\n    event.preventDefault();\n    if (this._selectedOption !== option) {\n      this._selectedOption = option;\n      this.optionSelected.emit(option);\n      this.scrollToSelectedOption(option);\n    }\n  }\n\n  scrollToSelectedOption(value: string) {\n    if (isPlatformBrowser(this.platformId)) {\n      const elementId = value || 'todas';\n      const selectedElement = elementId === 'todas' ? this.document.getElementById('todas') : this.document.getElementById(value);\n      if (selectedElement) {\n        selectedElement.scrollIntoView({\n          behavior: 'smooth',\n          inline: 'center',\n          block: 'nearest',\n        });\n      }\n    }\n  }\n}\n","<div class=\"filter-letter-and-terms\">\n  <a\n    id=\"todas\"\n    rdsitelink\n    class=\"filter-option\"\n    [class.selected]=\"selectedOption === ''\"\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n    (click)=\"selectOption('', $event)\"\n  >\n    TODAS\n  </a>\n\n  @if (options.length > 1) {\n    @for (option of options(); track option) {\n      @if (!buttonMode()) {\n        <a\n          [id]=\"option\"\n          rdsitelink\n          class=\"filter-option\"\n          [class.selected]=\"selectedOption === option\"\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n          (click)=\"selectOption(option, $event)\"\n        >\n          {{ option }}\n        </a>\n      } @else {\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n          {{ option }}\n        </button>\n      }\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs

@@ -5,6 +5,7 @@ import { CommonModule } from '@angular/common';
 import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
 import { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';
 import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
+import { ImageComponent } from '@rededor/site-front-end-lib/components/image';
 
 class PageHeaderComponent {
     constructor() {
@@ -14,6 +15,10 @@ class PageHeaderComponent {
         this.hasPadding = input(false, ...(ngDevMode ? [{ debugName: "hasPadding" }] : []));
         this.breadcrumbs = input([], ...(ngDevMode ? [{ debugName: "breadcrumbs" }] : []));
         this.bgColor = input('primary-base', ...(ngDevMode ? [{ debugName: "bgColor" }] : []));
+        this.imgUrl = input('', ...(ngDevMode ? [{ debugName: "imgUrl" }] : []));
+        this.imgMimeType = input('', ...(ngDevMode ? [{ debugName: "imgMimeType" }] : []));
+        this.imgAlt = input('Imagem do header', ...(ngDevMode ? [{ debugName: "imgAlt" }] : []));
+        this.imgTitle = input('Imagem do header', ...(ngDevMode ? [{ debugName: "imgTitle" }] : []));
     }
     get style() {
         return {
@@ -23,12 +28,12 @@ class PageHeaderComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, pageHeaderText: { classPropertyName: "pageHeaderText", publicName: "pageHeaderText", isSignal: true, isRequired: false, transformFunction: null }, hasPadding: { classPropertyName: "hasPadding", publicName: "hasPadding", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding() }\">\r\n  <div class=\"page-header-content\">\r\n    @if (breadcrumbs().length) {\r\n      <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n    }\r\n    @if (pageTitle()) {\r\n      <h1>{{ pageTitle() }}</h1>\r\n    }\r\n    @if (pageHeaderText()) {\r\n      <cura-paragraph color=\"neutral-purewhite\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n    }\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, pageHeaderText: { classPropertyName: "pageHeaderText", publicName: "pageHeaderText", isSignal: true, isRequired: false, transformFunction: null }, hasPadding: { classPropertyName: "hasPadding", publicName: "hasPadding", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, imgMimeType: { classPropertyName: "imgMimeType", publicName: "imgMimeType", isSignal: true, isRequired: false, transformFunction: null }, imgAlt: { classPropertyName: "imgAlt", publicName: "imgAlt", isSignal: true, isRequired: false, transformFunction: null }, imgTitle: { classPropertyName: "imgTitle", publicName: "imgTitle", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding() }\">\r\n  <div class=\"page-header-container\">\r\n    @if (breadcrumbs().length) {\r\n      <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n    }\r\n    <div class=\"page-header-content\">\r\n      @if (imgUrl()) {\r\n        <rdsite-image\r\n          [imageDefaultSrc]=\"imgUrl()\"\r\n          [mimeType]=\"imgMimeType()\"\r\n          [alt]=\"imgAlt()\"\r\n          [title]=\"imgTitle()\"\r\n          loading=\"eager\"\r\n        ></rdsite-image>\r\n      }\r\n\r\n      <div class=\"page-header-content-info\">\r\n        @if (pageTitle()) {\r\n          <h1>{{ pageTitle() }}</h1>\r\n        }\r\n        @if (pageHeaderText()) {\r\n          <cura-paragraph color=\"neutral-purewhite\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n        }\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-container{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-container.full-container{width:100%;max-width:100%}.page-header-container .page-header-content{display:flex;flex-direction:column;align-items:center;gap:16px}.page-header-container .page-header-content rdsite-image{width:120px;height:120px;border-radius:50%;margin-top:16px}.page-header-container .page-header-content-info{display:flex;flex-direction:column;align-items:center;gap:12px}.page-header-container .page-header-content-info h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-container .page-header-content-info h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header .page-header-container{gap:12px;padding:50px 0}.page-header .page-header-container .page-header-content{flex-direction:row;align-items:flex-start;gap:40px}.page-header .page-header-container .page-header-content rdsite-image{margin-top:0}.page-header .page-header-container .page-header-content-info{align-items:flex-start}.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-page-header', imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent], template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding() }\">\r\n  <div class=\"page-header-content\">\r\n    @if (breadcrumbs().length) {\r\n      <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n    }\r\n    @if (pageTitle()) {\r\n      <h1>{{ pageTitle() }}</h1>\r\n    }\r\n    @if (pageHeaderText()) {\r\n      <cura-paragraph color=\"neutral-purewhite\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n    }\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"] }]
-        }], propDecorators: { pageTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageTitle", required: false }] }], pageHeaderText: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageHeaderText", required: false }] }], hasPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPadding", required: false }] }], breadcrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbs", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], style: [{
+            args: [{ selector: 'rdsite-page-header', imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent, ImageComponent], template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding() }\">\r\n  <div class=\"page-header-container\">\r\n    @if (breadcrumbs().length) {\r\n      <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n    }\r\n    <div class=\"page-header-content\">\r\n      @if (imgUrl()) {\r\n        <rdsite-image\r\n          [imageDefaultSrc]=\"imgUrl()\"\r\n          [mimeType]=\"imgMimeType()\"\r\n          [alt]=\"imgAlt()\"\r\n          [title]=\"imgTitle()\"\r\n          loading=\"eager\"\r\n        ></rdsite-image>\r\n      }\r\n\r\n      <div class=\"page-header-content-info\">\r\n        @if (pageTitle()) {\r\n          <h1>{{ pageTitle() }}</h1>\r\n        }\r\n        @if (pageHeaderText()) {\r\n          <cura-paragraph color=\"neutral-purewhite\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n        }\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-container{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-container.full-container{width:100%;max-width:100%}.page-header-container .page-header-content{display:flex;flex-direction:column;align-items:center;gap:16px}.page-header-container .page-header-content rdsite-image{width:120px;height:120px;border-radius:50%;margin-top:16px}.page-header-container .page-header-content-info{display:flex;flex-direction:column;align-items:center;gap:12px}.page-header-container .page-header-content-info h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-container .page-header-content-info h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header .page-header-container{gap:12px;padding:50px 0}.page-header .page-header-container .page-header-content{flex-direction:row;align-items:flex-start;gap:40px}.page-header .page-header-container .page-header-content rdsite-image{margin-top:0}.page-header .page-header-container .page-header-content-info{align-items:flex-start}.page-header.more-padding{padding-inline:102px}}\n"] }]
+        }], propDecorators: { pageTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageTitle", required: false }] }], pageHeaderText: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageHeaderText", required: false }] }], hasPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPadding", required: false }] }], breadcrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbs", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], imgUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgUrl", required: false }] }], imgMimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgMimeType", required: false }] }], imgAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgAlt", required: false }] }], imgTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgTitle", required: false }] }], style: [{
                 type: HostBinding,
                 args: ['style']
             }] } });

package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-page-header.mjs","sources":["../../../projects/site-front-end-lib/components/page-header/page-header.component.ts","../../../projects/site-front-end-lib/components/page-header/page-header.component.html","../../../projects/site-front-end-lib/components/page-header/rededor-site-front-end-lib-components-page-header.ts"],"sourcesContent":["import { Component, HostBinding, input, inject } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BreadcrumbsItems } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\n\r\n@Component({\r\n  selector: 'rdsite-page-header',\r\n  imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent],\r\n  templateUrl: './page-header.component.html',\r\n  styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class PageHeaderComponent {\r\n  private readonly curaApiService = inject(CuraApiService);\r\n\r\n  readonly pageTitle = input<string>('');\r\n  readonly pageHeaderText = input<string>('');\r\n  readonly hasPadding = input<boolean>(false);\r\n  readonly breadcrumbs = input<BreadcrumbsItems[]>([]);\r\n  readonly bgColor = input('primary-base');\r\n\r\n  @HostBinding('style') get style() {\r\n    return {\r\n      '--bg-color': this.curaApiService.theme.colors.getColor(this.bgColor()),\r\n      '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n      '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n    };\r\n  }\r\n}\r\n","<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding() }\">\r\n  <div class=\"page-header-content\">\r\n    @if (breadcrumbs().length) {\r\n      <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n    }\r\n    @if (pageTitle()) {\r\n      <h1>{{ pageTitle() }}</h1>\r\n    }\r\n    @if (pageHeaderText()) {\r\n      <cura-paragraph color=\"neutral-purewhite\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n    }\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAaa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;AAOmB,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAE/C,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAS,EAAE,qDAAC;AAC7B,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAS,EAAE,0DAAC;AAClC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,KAAK,sDAAC;AAClC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAqB,EAAE,uDAAC;AAC3C,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,cAAc,mDAAC;AASzC,IAAA;AAPC,IAAA,IAA0B,KAAK,GAAA;QAC7B,OAAO;AACL,YAAA,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;AACvE,YAAA,qBAAqB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAC;AACrF,YAAA,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;SAC/D;IACH;+GAfW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,izBCbhC,ghBAcA,EAAA,MAAA,EAAA,CAAA,6vBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,wHAAE,sBAAsB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIzD,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,WACrB,CAAC,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,CAAC,EAAA,QAAA,EAAA,ghBAAA,EAAA,MAAA,EAAA,CAAA,6vBAAA,CAAA,EAAA;;sBAapE,WAAW;uBAAC,OAAO;;;AEtBtB;;AAEG;;;;"}
+{"version":3,"file":"rededor-site-front-end-lib-components-page-header.mjs","sources":["../../../projects/site-front-end-lib/components/page-header/page-header.component.ts","../../../projects/site-front-end-lib/components/page-header/page-header.component.html","../../../projects/site-front-end-lib/components/page-header/rededor-site-front-end-lib-components-page-header.ts"],"sourcesContent":["import { Component, HostBinding, input, inject } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BreadcrumbsItems } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { ImageComponent } from '@rededor/site-front-end-lib/components/image';\r\n\r\n@Component({\r\n  selector: 'rdsite-page-header',\r\n  imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent, ImageComponent],\r\n  templateUrl: './page-header.component.html',\r\n  styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class PageHeaderComponent {\r\n  private readonly curaApiService = inject(CuraApiService);\r\n\r\n  readonly pageTitle = input<string>('');\r\n  readonly pageHeaderText = input<string>('');\r\n  readonly hasPadding = input<boolean>(false);\r\n  readonly breadcrumbs = input<BreadcrumbsItems[]>([]);\r\n  readonly bgColor = input('primary-base');\r\n  readonly imgUrl = input<string>('');\r\n  readonly imgMimeType = input<any>('');\r\n  readonly imgAlt = input<string>('Imagem do header');\r\n  readonly imgTitle = input<string>('Imagem do header');\r\n\r\n  @HostBinding('style') get style() {\r\n    return {\r\n      '--bg-color': this.curaApiService.theme.colors.getColor(this.bgColor()),\r\n      '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n      '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n    };\r\n  }\r\n}\r\n","<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding() }\">\r\n  <div class=\"page-header-container\">\r\n    @if (breadcrumbs().length) {\r\n      <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n    }\r\n    <div class=\"page-header-content\">\r\n      @if (imgUrl()) {\r\n        <rdsite-image\r\n          [imageDefaultSrc]=\"imgUrl()\"\r\n          [mimeType]=\"imgMimeType()\"\r\n          [alt]=\"imgAlt()\"\r\n          [title]=\"imgTitle()\"\r\n          loading=\"eager\"\r\n        ></rdsite-image>\r\n      }\r\n\r\n      <div class=\"page-header-content-info\">\r\n        @if (pageTitle()) {\r\n          <h1>{{ pageTitle() }}</h1>\r\n        }\r\n        @if (pageHeaderText()) {\r\n          <cura-paragraph color=\"neutral-purewhite\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n        }\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs

@@ -1,19 +1,24 @@
 import * as i0 from '@angular/core';
-import { inject, signal, input, viewChildren, output, HostBinding, HostListener, Input, Component } from '@angular/core';
+import { inject, PLATFORM_ID, DOCUMENT, signal, input, viewChildren, output, HostBinding, HostListener, Input, Component } from '@angular/core';
 import { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';
 import { CuraCardComponent } from '@rededor/site-front-end-lib/cura/cards/cura-card';
 import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
 import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
 import { Router } from '@angular/router';
+import { isPlatformBrowser } from '@angular/common';
 
 class SidebarNavigationComponent {
     constructor() {
         this.curaApiService = inject(CuraApiService);
         this.router = inject(Router);
+        this.platformId = inject(PLATFORM_ID);
+        this.document = inject(DOCUMENT);
         this.sections = signal([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
         this.config = signal(undefined, ...(ngDevMode ? [{ debugName: "config" }] : []));
         this.activeSection = signal('', ...(ngDevMode ? [{ debugName: "activeSection" }] : []));
         this.selectedIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
+        this.defaultAnchorAdjustment = signal(0, ...(ngDevMode ? [{ debugName: "defaultAnchorAdjustment" }] : []));
+        this.menuHeaderHeight = 0;
         this.anchorAdjustment = input(0, ...(ngDevMode ? [{ debugName: "anchorAdjustment" }] : []));
         this.title = input('Nesta página', ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.ariaLabel = input('Navegação da página', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
@@ -39,15 +44,22 @@ class SidebarNavigationComponent {
     onWindowScroll() {
         this.windowScroll();
     }
+    ngAfterViewInit() {
+        if (isPlatformBrowser(this.platformId)) {
+            setTimeout(() => {
+                this.menuHeaderHeight = this.document.querySelector('header[sl-hdr]')?.offsetHeight || 0;
+                this.defaultAnchorAdjustment.set(this.menuHeaderHeight + (this.padding() - 1));
+            }, 200);
+        }
+    }
     windowScroll() {
-        const pageHeaderHeight = document.querySelector('.page-header')?.offsetHeight || 0;
         this.selectedIndex.set(-1);
         this.sections()?.forEach((section, index) => {
             const element = document.querySelector(`#${section.id}`);
             if (!element)
                 return;
             const elementTop = element.getBoundingClientRect().top + window.scrollY;
-            const currentScroll = window.scrollY + pageHeaderHeight + this.padding();
+            const currentScroll = window.scrollY + this.menuHeaderHeight + this.padding();
             if (currentScroll >= elementTop) {
                 this.selectedIndex.set(index);
                 if (this.sections()?.[this.selectedIndex()]) {
@@ -63,11 +75,11 @@ class SidebarNavigationComponent {
         this.sectionChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SidebarNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n    @if (title()) {\r\n      <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n    }\r\n    <ul role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              #anchorEl\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sidebar-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              rdsitelink\r\n              [anchorAdjustment]=\"anchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>\r\n                {{ section.title }}\r\n              </b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </cura-card>\r\n</nav>\r\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraCardComponent, selector: "cura-card", inputs: ["hasPadding", "hasShadow", "type", "colorMode", "href", "target"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\n    @if (title()) {\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n    }\n    <ul role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              #anchorEl\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sidebar-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              rdsitelink\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>\n                {{ section.title }}\n              </b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraCardComponent, selector: "cura-card", inputs: ["hasPadding", "hasShadow", "type", "colorMode", "href", "target"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nav[rdsite-sidebar-navigation]', imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent], template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n    @if (title()) {\r\n      <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n    }\r\n    <ul role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              #anchorEl\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sidebar-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              rdsitelink\r\n              [anchorAdjustment]=\"anchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>\r\n                {{ section.title }}\r\n              </b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </cura-card>\r\n</nav>\r\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset}\n"] }]
+            args: [{ selector: 'nav[rdsite-sidebar-navigation]', imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent], template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\n    @if (title()) {\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n    }\n    <ul role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              #anchorEl\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sidebar-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              rdsitelink\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>\n                {{ section.title }}\n              </b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset;text-decoration:none}\n"] }]
         }], propDecorators: { anchorAdjustment: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorAdjustment", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], navigationSections: [{
                 type: Input,
                 args: [{ required: true }]

package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-sidebar-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/sidebar-navigation/sidebar-navigation.component.ts","../../../projects/site-front-end-lib/components/sidebar-navigation/sidebar-navigation.component.html","../../../projects/site-front-end-lib/components/sidebar-navigation/rededor-site-front-end-lib-components-sidebar-navigation.ts"],"sourcesContent":["import { Component, ElementRef, Input, signal, HostListener, HostBinding, inject, input, output, viewChildren } from '@angular/core';\r\nimport { RdsiteLinkDirective, SectionNavigationConfig, SectionNavigationData } from '@rededor/site-front-end-lib/core';\r\nimport { CuraCardComponent } from '@rededor/site-front-end-lib/cura/cards/cura-card';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'nav[rdsite-sidebar-navigation]',\r\n  imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent],\r\n  templateUrl: './sidebar-navigation.component.html',\r\n  styleUrl: './sidebar-navigation.component.scss',\r\n})\r\nexport class SidebarNavigationComponent {\r\n  private readonly curaApiService = inject(CuraApiService);\r\n  private router = inject(Router);\r\n\r\n  readonly sections = signal<SectionNavigationData[]>([]);\r\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\r\n  readonly activeSection = signal<string>('');\r\n  public selectedIndex = signal<number>(0);\r\n\r\n  readonly anchorAdjustment = input(0);\r\n  readonly title = input('Nesta página');\r\n  readonly ariaLabel = input('Navegação da página');\r\n  readonly padding = input(-50);\r\n\r\n  @Input({ required: true })\r\n  set navigationSections(value: SectionNavigationData[]) {\r\n    if (!value?.length) {\r\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\r\n    }\r\n    this.sections.set(value);\r\n\r\n    if (!this.activeSection()) {\r\n      this.activeSection.set(value[0].id);\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  set navigationConfig(value: SectionNavigationConfig) {\r\n    this.config.set(value);\r\n  }\r\n\r\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\r\n  readonly sectionChange = output<SectionNavigationData>();\r\n\r\n  @HostListener('window:scroll')\r\n  onWindowScroll(): void {\r\n    this.windowScroll();\r\n  }\r\n\r\n  @HostBinding('style') styleBinding = {\r\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n  };\r\n\r\n  private windowScroll(): void {\r\n    const pageHeaderHeight = document.querySelector<HTMLElement>('.page-header')?.offsetHeight || 0;\r\n    this.selectedIndex.set(-1);\r\n\r\n    this.sections()?.forEach((section, index) => {\r\n      const element = document.querySelector<HTMLElement>(`#${section.id}`);\r\n      if (!element) return;\r\n\r\n      const elementTop = element.getBoundingClientRect().top + window.scrollY;\r\n      const currentScroll = window.scrollY + pageHeaderHeight + this.padding();\r\n      if (currentScroll >= elementTop) {\r\n        this.selectedIndex.set(index);\r\n        if (this.sections()?.[this.selectedIndex()]) {\r\n          this.activeSection.set(this.sections()?.[this.selectedIndex()]?.id);\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  getPath(sectionId: string): string {\r\n    return `${this.router.url}#${sectionId}`;\r\n  }\r\n\r\n  onSectionClick(event: SectionNavigationData) {\r\n    this.sectionChange.emit(event);\r\n  }\r\n}\r\n","<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <cura-card class=\"only-mobile\" has-padding=\"true\" margin-block=\"8px\" has-shadow=\"false\" type=\"solid\" color-mode=\"light\" target=\"_self\">\r\n    @if (title()) {\r\n      <cura-paragraph size=\"small\" color=\"neutral-black\" margin-block=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n    }\r\n    <ul role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              #anchorEl\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sidebar-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              rdsitelink\r\n              [anchorAdjustment]=\"anchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>\r\n                {{ section.title }}\r\n              </b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </cura-card>\r\n</nav>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rededor-site-front-end-lib-components-sidebar-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/sidebar-navigation/sidebar-navigation.component.ts","../../../projects/site-front-end-lib/components/sidebar-navigation/sidebar-navigation.component.html","../../../projects/site-front-end-lib/components/sidebar-navigation/rededor-site-front-end-lib-components-sidebar-navigation.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  Input,\n  signal,\n  HostListener,\n  HostBinding,\n  inject,\n  input,\n  output,\n  viewChildren,\n  DOCUMENT,\n  PLATFORM_ID,\n  AfterViewInit,\n} from '@angular/core';\nimport { RdsiteLinkDirective, SectionNavigationConfig, SectionNavigationData } from '@rededor/site-front-end-lib/core';\nimport { CuraCardComponent } from '@rededor/site-front-end-lib/cura/cards/cura-card';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { Router } from '@angular/router';\nimport { isPlatformBrowser } from '@angular/common';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'nav[rdsite-sidebar-navigation]',\n  imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent],\n  templateUrl: './sidebar-navigation.component.html',\n  styleUrl: './sidebar-navigation.component.scss',\n})\nexport class SidebarNavigationComponent implements AfterViewInit {\n  private readonly curaApiService = inject(CuraApiService);\n  private router = inject(Router);\n  private platformId = inject(PLATFORM_ID);\n  private document = inject<Document>(DOCUMENT);\n\n  readonly sections = signal<SectionNavigationData[]>([]);\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\n  readonly activeSection = signal<string>('');\n  public selectedIndex = signal<number>(0);\n  public defaultAnchorAdjustment = signal(0);\n\n  private menuHeaderHeight = 0;\n\n  readonly anchorAdjustment = input(0);\n  readonly title = input('Nesta página');\n  readonly ariaLabel = input('Navegação da página');\n  readonly padding = input(-50);\n\n  @Input({ required: true })\n  set navigationSections(value: SectionNavigationData[]) {\n    if (!value?.length) {\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\n    }\n    this.sections.set(value);\n\n    if (!this.activeSection()) {\n      this.activeSection.set(value[0].id);\n    }\n  }\n\n  @Input()\n  set navigationConfig(value: SectionNavigationConfig) {\n    this.config.set(value);\n  }\n\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\n  readonly sectionChange = output<SectionNavigationData>();\n\n  @HostListener('window:scroll')\n  onWindowScroll(): void {\n    this.windowScroll();\n  }\n\n  @HostBinding('style') styleBinding = {\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n  };\n\n  ngAfterViewInit(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      setTimeout(() => {\n        this.menuHeaderHeight = this.document.querySelector<HTMLElement>('header[sl-hdr]')?.offsetHeight || 0;\n        this.defaultAnchorAdjustment.set(this.menuHeaderHeight + (this.padding() - 1));\n      }, 200);\n    }\n  }\n\n  private windowScroll(): void {\n    this.selectedIndex.set(-1);\n\n    this.sections()?.forEach((section, index) => {\n      const element = document.querySelector<HTMLElement>(`#${section.id}`);\n      if (!element) return;\n\n      const elementTop = element.getBoundingClientRect().top + window.scrollY;\n      const currentScroll = window.scrollY + this.menuHeaderHeight + this.padding();\n      if (currentScroll >= elementTop) {\n        this.selectedIndex.set(index);\n        if (this.sections()?.[this.selectedIndex()]) {\n          this.activeSection.set(this.sections()?.[this.selectedIndex()]?.id);\n        }\n      }\n    });\n  }\n\n  getPath(sectionId: string): string {\n    return `${this.router.url}#${sectionId}`;\n  }\n\n  onSectionClick(event: SectionNavigationData) {\n    this.sectionChange.emit(event);\n  }\n}\n","<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\n    @if (title()) {\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n    }\n    <ul role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              #anchorEl\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sidebar-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              rdsitelink\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>\n                {{ section.title }}\n              </b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  </cura-card>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs

@@ -1,20 +1,26 @@
 import * as i0 from '@angular/core';
-import { inject, signal, input, viewChildren, output, HostBinding, HostListener, Input, Component } from '@angular/core';
+import { inject, PLATFORM_ID, DOCUMENT, signal, input, viewChildren, output, HostBinding, HostListener, Input, Component } from '@angular/core';
 import { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';
 import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
 import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
 import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
 import { Router } from '@angular/router';
+import { isPlatformBrowser } from '@angular/common';
 
 class StickyNavigationComponent {
     constructor() {
         this.curaApiService = inject(CuraApiService);
         this.router = inject(Router);
+        this.platformId = inject(PLATFORM_ID);
+        this.document = inject(DOCUMENT);
         this.sections = signal([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
         this.config = signal(undefined, ...(ngDevMode ? [{ debugName: "config" }] : []));
         this.activeSection = signal('', ...(ngDevMode ? [{ debugName: "activeSection" }] : []));
         this.isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
         this.selectedIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : []));
+        this.defaultAnchorAdjustment = signal(0, ...(ngDevMode ? [{ debugName: "defaultAnchorAdjustment" }] : []));
+        this.menuHeaderHeight = 0;
+        this.menuStickyClosedHeight = 0;
         this.anchorAdjustment = input(0, ...(ngDevMode ? [{ debugName: "anchorAdjustment" }] : []));
         this.title = input('Nesta página', ...(ngDevMode ? [{ debugName: "title" }] : []));
         this.ariaLabel = input('Navegação da página', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
@@ -41,15 +47,21 @@ class StickyNavigationComponent {
     onWindowScroll() {
         this.windowScroll();
     }
+    ngAfterViewInit() {
+        if (isPlatformBrowser(this.platformId)) {
+            setTimeout(() => {
+                this.menuHeaderHeight = this.document.querySelector('header[sl-hdr]')?.offsetHeight || 0;
+                this.menuStickyClosedHeight = this.document.querySelector('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;
+            }, 200);
+        }
+    }
     windowScroll() {
-        const pageHeaderHeight = document.querySelector('header')?.offsetHeight || 0;
-        const stickybarHeight = document.querySelector('.rdsite-sticky-navigation')?.offsetHeight || 0;
         this.sections()?.forEach((section, index) => {
-            const element = document.querySelector(`#${section.id}`);
+            const element = this.document.querySelector(`#${section.id}`);
             if (!element)
                 return;
             const elementTop = element.getBoundingClientRect().top + window.scrollY;
-            const currentScroll = window.scrollY + pageHeaderHeight + stickybarHeight + this.padding();
+            const currentScroll = window.scrollY + this.menuHeaderHeight + this.menuStickyClosedHeight + this.padding();
             if (currentScroll >= elementTop) {
                 this.selectedIndex.set(index);
                 if (this.sections()?.[this.selectedIndex()]) {
@@ -63,17 +75,24 @@ class StickyNavigationComponent {
     }
     onSectionClick(event) {
         this.sectionChange.emit(event);
-        this.toggleOpen();
+        this.isOpen.update((value) => !value);
     }
     toggleOpen() {
         this.isOpen.update((value) => !value);
+        if (isPlatformBrowser(this.platformId) && this.isOpen() && !this.anchorAdjustment) {
+            setTimeout(() => {
+                // Utilizo o timeout para pegar a altura do elemento depois dele aberto
+                const menuStickyOpenedHeight = this.document.querySelector('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;
+                this.defaultAnchorAdjustment.set(menuStickyOpenedHeight + this.menuHeaderHeight);
+            }, 100);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StickyNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  @if (title()) {\r\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n      <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n      <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n    </div>\r\n    @if (sections().length && !isOpen()) {\r\n      <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n        <b>{{ sections()[selectedIndex()].title }}</b>\r\n      </cura-paragraph>\r\n    }\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sticky-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              rdsitelink\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              [anchorAdjustment]=\"anchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>{{ section.title }}</b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</nav>\r\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  @if (title()) {\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\n    </div>\n    @if (sections().length && !isOpen()) {\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\n        <b>{{ sections()[selectedIndex()].title }}</b>\n      </cura-paragraph>\n    }\n  }\n\n  @if (isOpen()) {\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sticky-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              rdsitelink\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>{{ section.title }}</b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  }\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StickyNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nav[rdsite-sticky-navigation]', imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  @if (title()) {\r\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n      <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n      <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n    </div>\r\n    @if (sections().length && !isOpen()) {\r\n      <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n        <b>{{ sections()[selectedIndex()].title }}</b>\r\n      </cura-paragraph>\r\n    }\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sticky-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              rdsitelink\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              [anchorAdjustment]=\"anchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>{{ section.title }}</b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</nav>\r\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset}\n"] }]
+            args: [{ selector: 'nav[rdsite-sticky-navigation]', imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  @if (title()) {\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\n    </div>\n    @if (sections().length && !isOpen()) {\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\n        <b>{{ sections()[selectedIndex()].title }}</b>\n      </cura-paragraph>\n    }\n  }\n\n  @if (isOpen()) {\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sticky-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              rdsitelink\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>{{ section.title }}</b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  }\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset;text-decoration:none}\n"] }]
         }], propDecorators: { anchorAdjustment: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorAdjustment", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], navigationSections: [{
                 type: Input,
                 args: [{ required: true }]

package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-sticky-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/sticky-navigation/sticky-navigation.component.ts","../../../projects/site-front-end-lib/components/sticky-navigation/sticky-navigation.component.html","../../../projects/site-front-end-lib/components/sticky-navigation/rededor-site-front-end-lib-components-sticky-navigation.ts"],"sourcesContent":["import { Component, ElementRef, Input, signal, HostListener, HostBinding, inject, input, output, viewChildren } from '@angular/core';\r\nimport { RdsiteLinkDirective, SectionNavigationConfig, SectionNavigationData } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'nav[rdsite-sticky-navigation]',\r\n  imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent],\r\n  templateUrl: './sticky-navigation.component.html',\r\n  styleUrl: './sticky-navigation.component.scss',\r\n})\r\nexport class StickyNavigationComponent {\r\n  private curaApiService = inject(CuraApiService);\r\n  private router = inject(Router);\r\n\r\n  public readonly sections = signal<SectionNavigationData[]>([]);\r\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\r\n  readonly activeSection = signal<string>('');\r\n  readonly isOpen = signal<boolean>(false);\r\n  public selectedIndex = signal<number>(0);\r\n\r\n  readonly anchorAdjustment = input(0);\r\n  readonly title = input('Nesta página');\r\n  readonly ariaLabel = input('Navegação da página');\r\n  readonly padding = input(20);\r\n\r\n  @Input({ required: true })\r\n  set navigationSections(value: SectionNavigationData[]) {\r\n    if (!value?.length) {\r\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\r\n    }\r\n    this.sections.set(value);\r\n\r\n    if (!this.activeSection()) {\r\n      this.activeSection.set(value[0].id);\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  set navigationConfig(value: SectionNavigationConfig) {\r\n    this.config.set(value);\r\n  }\r\n\r\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\r\n  readonly sectionChange = output<SectionNavigationData>();\r\n\r\n  @HostListener('window:scroll')\r\n  onWindowScroll(): void {\r\n    this.windowScroll();\r\n  }\r\n\r\n  @HostBinding('style') styleBinding = {\r\n    '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n  };\r\n\r\n  private windowScroll(): void {\r\n    const pageHeaderHeight = document.querySelector<HTMLElement>('header')?.offsetHeight || 0;\r\n    const stickybarHeight = document.querySelector<HTMLElement>('.rdsite-sticky-navigation')?.offsetHeight || 0;\r\n\r\n    this.sections()?.forEach((section, index) => {\r\n      const element = document.querySelector<HTMLElement>(`#${section.id}`);\r\n      if (!element) return;\r\n\r\n      const elementTop = element.getBoundingClientRect().top + window.scrollY;\r\n      const currentScroll = window.scrollY + pageHeaderHeight + stickybarHeight + this.padding();\r\n\r\n      if (currentScroll >= elementTop) {\r\n        this.selectedIndex.set(index);\r\n        if (this.sections()?.[this.selectedIndex()]) {\r\n          this.activeSection.set(this.sections()?.[this.selectedIndex()]?.id);\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  getPath(sectionId: string): string {\r\n    return `${this.router.url}#${sectionId}`;\r\n  }\r\n\r\n  onSectionClick(event: SectionNavigationData) {\r\n    this.sectionChange.emit(event);\r\n    this.toggleOpen();\r\n  }\r\n\r\n  toggleOpen(): void {\r\n    this.isOpen.update((value) => !value);\r\n  }\r\n}\r\n","<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  @if (title()) {\r\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n      <cura-paragraph size=\"small\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" margin-block=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n      <cura-icon [attr.name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [attr.color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n    </div>\r\n    @if (sections().length && !isOpen()) {\r\n      <cura-paragraph size=\"xsmall\" margin-block=\"8px\" color=\"neutral-black\">\r\n        <b>{{ sections()[selectedIndex()].title }}</b>\r\n      </cura-paragraph>\r\n    }\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" margin-block=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sticky-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              rdsitelink\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              [anchorAdjustment]=\"anchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>{{ section.title }}</b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</nav>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rededor-site-front-end-lib-components-sticky-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/sticky-navigation/sticky-navigation.component.ts","../../../projects/site-front-end-lib/components/sticky-navigation/sticky-navigation.component.html","../../../projects/site-front-end-lib/components/sticky-navigation/rededor-site-front-end-lib-components-sticky-navigation.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  Input,\n  signal,\n  HostListener,\n  HostBinding,\n  inject,\n  input,\n  output,\n  viewChildren,\n  PLATFORM_ID,\n  DOCUMENT,\n  AfterViewInit,\n} from '@angular/core';\nimport { RdsiteLinkDirective, SectionNavigationConfig, SectionNavigationData } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { Router } from '@angular/router';\nimport { isPlatformBrowser } from '@angular/common';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'nav[rdsite-sticky-navigation]',\n  imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent],\n  templateUrl: './sticky-navigation.component.html',\n  styleUrl: './sticky-navigation.component.scss',\n})\nexport class StickyNavigationComponent implements AfterViewInit {\n  private curaApiService = inject(CuraApiService);\n  private router = inject(Router);\n  private platformId = inject(PLATFORM_ID);\n  private document = inject<Document>(DOCUMENT);\n\n  public readonly sections = signal<SectionNavigationData[]>([]);\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\n  readonly activeSection = signal<string>('');\n  readonly isOpen = signal<boolean>(false);\n  public selectedIndex = signal<number>(0);\n  public defaultAnchorAdjustment = signal(0);\n\n  private menuHeaderHeight = 0;\n  private menuStickyClosedHeight = 0;\n\n  readonly anchorAdjustment = input(0);\n  readonly title = input('Nesta página');\n  readonly ariaLabel = input('Navegação da página');\n  readonly padding = input(20);\n\n  @Input({ required: true })\n  set navigationSections(value: SectionNavigationData[]) {\n    if (!value?.length) {\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\n    }\n    this.sections.set(value);\n\n    if (!this.activeSection()) {\n      this.activeSection.set(value[0].id);\n    }\n  }\n\n  @Input()\n  set navigationConfig(value: SectionNavigationConfig) {\n    this.config.set(value);\n  }\n\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\n  readonly sectionChange = output<SectionNavigationData>();\n\n  @HostListener('window:scroll')\n  onWindowScroll(): void {\n    this.windowScroll();\n  }\n\n  @HostBinding('style') styleBinding = {\n    '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n  };\n\n  ngAfterViewInit(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      setTimeout(() => {\n        this.menuHeaderHeight = this.document.querySelector<HTMLElement>('header[sl-hdr]')?.offsetHeight || 0;\n        this.menuStickyClosedHeight = this.document.querySelector<HTMLElement>('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;\n      }, 200);\n    }\n  }\n\n  private windowScroll(): void {\n    this.sections()?.forEach((section, index) => {\n      const element = this.document.querySelector<HTMLElement>(`#${section.id}`);\n      if (!element) return;\n\n      const elementTop = element.getBoundingClientRect().top + window.scrollY;\n      const currentScroll = window.scrollY + this.menuHeaderHeight + this.menuStickyClosedHeight + this.padding();\n\n      if (currentScroll >= elementTop) {\n        this.selectedIndex.set(index);\n        if (this.sections()?.[this.selectedIndex()]) {\n          this.activeSection.set(this.sections()?.[this.selectedIndex()]?.id);\n        }\n      }\n    });\n  }\n\n  getPath(sectionId: string): string {\n    return `${this.router.url}#${sectionId}`;\n  }\n\n  onSectionClick(event: SectionNavigationData) {\n    this.sectionChange.emit(event);\n    this.isOpen.update((value) => !value);\n  }\n\n  toggleOpen(): void {\n    this.isOpen.update((value) => !value);\n    if (isPlatformBrowser(this.platformId) && this.isOpen() && !this.anchorAdjustment) {\n      setTimeout(() => {\n        // Utilizo o timeout para pegar a altura do elemento depois dele aberto\n        const menuStickyOpenedHeight = this.document.querySelector<HTMLElement>('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;\n        this.defaultAnchorAdjustment.set(menuStickyOpenedHeight + this.menuHeaderHeight);\n      }, 100);\n    }\n  }\n}\n","<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  @if (title()) {\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\n    </div>\n    @if (sections().length && !isOpen()) {\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\n        <b>{{ sections()[selectedIndex()].title }}</b>\n      </cura-paragraph>\n    }\n  }\n\n  @if (isOpen()) {\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sticky-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              rdsitelink\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>{{ section.title }}</b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  }\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs

@@ -0,0 +1,198 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, output, signal, computed, effect, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
+import { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';
+import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
+import { CuraLoaderBarComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-bar';
+
+class CuraToastComponent {
+    constructor() {
+        this.curaApi = inject(CuraApiService);
+        this.elementRef = inject(ElementRef);
+        /**
+         * Toast type: info (default) | success | warning | error
+         */
+        this.type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
+        /**
+         * Toast position on screen
+         */
+        this.position = input('top-right', ...(ngDevMode ? [{ debugName: "position" }] : []));
+        /**
+         * Custom icon name
+         */
+        this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        /**
+         * Toast label/title
+         */
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        /**
+         * Show close button. Default: true
+         */
+        this.closeButton = input(true, ...(ngDevMode ? [{ debugName: "closeButton" }] : []));
+        /**
+         * Show loader bar. Default: true
+         */
+        this.loader = input(true, ...(ngDevMode ? [{ debugName: "loader" }] : []));
+        /**
+         * Auto close delay in milliseconds. Default: 10000ms (10s)
+         */
+        this.autoCloseDelay = input(10000, ...(ngDevMode ? [{ debugName: "autoCloseDelay" }] : []));
+        /**
+         * Close event emitter
+         */
+        this.toastClosed = output();
+        /**
+         * Progress state for loader animation
+         */
+        this.progress = signal(0, ...(ngDevMode ? [{ debugName: "progress" }] : []));
+        /**
+         * Active state for animation
+         */
+        this.isActive = signal(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
+        this.toastStyles = computed(() => {
+            if (!this.curaApi)
+                return {};
+            const colors = [
+                { name: '--neutral-purewhite', theme: 'neutral-purewhite' },
+                { name: '--neutral-base', theme: 'neutral-base', opacity: 0.2 },
+                { name: '--primary-base', theme: 'primary-base' },
+                { name: '--color-base', theme: `${this.type()}-base` },
+            ];
+            const styles = {};
+            colors.forEach((color) => {
+                if (color.opacity !== undefined) {
+                    styles[color.name] = this.curaApi.theme.colors.getColor(color.theme, color.opacity);
+                }
+                else {
+                    styles[color.name] = this.curaApi.theme.colors.getColor(color.theme);
+                }
+            });
+            return styles;
+        }, ...(ngDevMode ? [{ debugName: "toastStyles" }] : []));
+        this.containerClasses = computed(() => {
+            const [firstPosition, secondPosition] = this.position().split('-');
+            const classes = {
+                container: true,
+            };
+            if (firstPosition)
+                classes[firstPosition] = true;
+            if (secondPosition)
+                classes[secondPosition] = true;
+            if (this.loader())
+                classes['loader'] = true;
+            if (this.isActive())
+                classes['active'] = true;
+            return classes;
+        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+        this.iconName = computed(() => {
+            const iconMapping = {
+                info: 'infoCircle',
+                success: 'checkCircle',
+                warning: 'alertCircle',
+                error: 'alertTriangle',
+            };
+            return this.icon() || iconMapping[this.type()];
+        }, ...(ngDevMode ? [{ debugName: "iconName" }] : []));
+        // Watch for type and position changes to update styles
+        effect(() => {
+            this.type();
+            this.position();
+        });
+    }
+    ngOnInit() {
+        // Activate animation after a small delay to ensure DOM is ready
+        setTimeout(() => {
+            this.openContainer();
+            this.startAnimation();
+        }, 10);
+    }
+    ngOnDestroy() {
+        if (this.intervalId) {
+            clearInterval(this.intervalId);
+        }
+    }
+    /**
+     * Opens the toast container with animation
+     */
+    openContainer() {
+        this.isActive.set(true);
+    }
+    /**
+     * Closes the toast container with animation
+     */
+    closeContainer() {
+        this.isActive.set(false);
+        setTimeout(() => {
+            this.toastClosed.emit();
+            // Remove element from DOM
+            const element = this.elementRef.nativeElement;
+            if (element && element.parentNode) {
+                element.parentNode.removeChild(element);
+            }
+        }, 500);
+    }
+    /**
+     * Public method to close toast
+     */
+    close() {
+        this.closeContainer();
+    }
+    /**
+     * Handle close button click
+     */
+    handleClose() {
+        this.closeContainer();
+    }
+    /**
+     * Starts the auto-close animation
+     */
+    startAnimation() {
+        const delay = this.autoCloseDelay();
+        if (!delay)
+            return;
+        if (this.loader()) {
+            this.progress.set(0);
+            this.intervalId = setInterval(() => {
+                const currentProgress = this.progress();
+                if (currentProgress >= 100) {
+                    if (this.intervalId) {
+                        clearInterval(this.intervalId);
+                    }
+                    this.closeContainer();
+                }
+                else {
+                    this.progress.set(currentProgress + 1);
+                }
+            }, delay / 100);
+        }
+        else {
+            this.intervalId = setInterval(() => {
+                if (this.intervalId) {
+                    clearInterval(this.intervalId);
+                }
+                this.closeContainer();
+            }, delay);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuraToastComponent, isStandalone: true, selector: "cura-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null }, loader: { classPropertyName: "loader", publicName: "loader", isSignal: true, isRequired: false, transformFunction: null }, autoCloseDelay: { classPropertyName: "autoCloseDelay", publicName: "autoCloseDelay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toastClosed: "toastClosed" }, host: { attributes: { "role": "alert", "aria-live": "polite", "aria-atomic": "true" }, properties: { "attr.aria-label": "label()" } }, ngImport: i0, template: "<div [ngClass]=\"containerClasses()\" [ngStyle]=\"toastStyles()\">\n  <cura-icon class=\"default-icon\" [name]=\"iconName()\" [size]=\"16\" [color]=\"type() + '-dark'\"></cura-icon>\n\n  <div class=\"content\">\n    <cura-heading [level]=\"4\" size=\"xsmall\" [color]=\"type() + '-dark'\" weight=\"bold\" marginBlock=\"0\">\n      {{ label() }}\n    </cura-heading>\n\n    <cura-paragraph [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\n      <ng-content></ng-content>\n    </cura-paragraph>\n\n    <ng-content select=\"[slot=actions]\"></ng-content>\n  </div>\n\n  @if (closeButton()) {\n    <cura-icon class=\"close-icon\" name=\"close\" [size]=\"16\" color=\"error-dark\" (click)=\"handleClose()\"></cura-icon>\n  }\n\n  @if (loader() && autoCloseDelay()) {\n    <cura-loader-bar [color]=\"type() + '-base'\" [progress]=\"progress()\"></cura-loader-bar>\n  }\n</div>\n", styles: [":host{display:block;box-sizing:border-box}:host .container{position:fixed;z-index:99999;display:flex;box-sizing:border-box;min-width:320px;height:fit-content;padding:16px;border:1px solid var(--color-base);border-radius:12px;background-color:var(--neutral-purewhite);overflow:hidden;box-shadow:0 8px 16px 0 var(--neutral-black-shadow-4, rgba(38, 38, 38, .12))}:host .container.loader{padding:16px 16px 20px}:host .container.top{top:24px}:host .container.top.center{top:-100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out,top .5s ease-in-out}:host .container.top.center.active{top:24px;opacity:1}:host .container.bottom{bottom:24px}:host .container.bottom.center{bottom:-100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out,bottom .5s ease-in-out}:host .container.bottom.center.active{bottom:24px;opacity:1}:host .container.left{left:-100%;opacity:0;transition:opacity .5s ease-in-out,left .5s ease-in-out}@media (max-width: 768px){:host .container.left{right:unset;left:50%;transform:translate(-50%)}}:host .container.left.active{left:24px;opacity:1}:host .container.right{right:-100%;opacity:0;transition:opacity .5s ease-in-out,right .5s ease-in-out}@media (max-width: 768px){:host .container.right{right:unset;left:50%;transform:translate(-50%)}}:host .container.right.active{right:24px;opacity:1}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:4px}:host .container .default-icon{margin-right:12px}:host .container .close-icon{margin-left:12px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraLoaderBarComponent, selector: "cura-loader-bar", inputs: ["color", "progress"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cura-toast', imports: [CommonModule, CuraIconComponent, CuraHeadingComponent, CuraParagraphComponent, CuraLoaderBarComponent], host: {
+                        role: 'alert',
+                        'aria-live': 'polite',
+                        'aria-atomic': 'true',
+                        '[attr.aria-label]': 'label()',
+                    }, template: "<div [ngClass]=\"containerClasses()\" [ngStyle]=\"toastStyles()\">\n  <cura-icon class=\"default-icon\" [name]=\"iconName()\" [size]=\"16\" [color]=\"type() + '-dark'\"></cura-icon>\n\n  <div class=\"content\">\n    <cura-heading [level]=\"4\" size=\"xsmall\" [color]=\"type() + '-dark'\" weight=\"bold\" marginBlock=\"0\">\n      {{ label() }}\n    </cura-heading>\n\n    <cura-paragraph [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\n      <ng-content></ng-content>\n    </cura-paragraph>\n\n    <ng-content select=\"[slot=actions]\"></ng-content>\n  </div>\n\n  @if (closeButton()) {\n    <cura-icon class=\"close-icon\" name=\"close\" [size]=\"16\" color=\"error-dark\" (click)=\"handleClose()\"></cura-icon>\n  }\n\n  @if (loader() && autoCloseDelay()) {\n    <cura-loader-bar [color]=\"type() + '-base'\" [progress]=\"progress()\"></cura-loader-bar>\n  }\n</div>\n", styles: [":host{display:block;box-sizing:border-box}:host .container{position:fixed;z-index:99999;display:flex;box-sizing:border-box;min-width:320px;height:fit-content;padding:16px;border:1px solid var(--color-base);border-radius:12px;background-color:var(--neutral-purewhite);overflow:hidden;box-shadow:0 8px 16px 0 var(--neutral-black-shadow-4, rgba(38, 38, 38, .12))}:host .container.loader{padding:16px 16px 20px}:host .container.top{top:24px}:host .container.top.center{top:-100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out,top .5s ease-in-out}:host .container.top.center.active{top:24px;opacity:1}:host .container.bottom{bottom:24px}:host .container.bottom.center{bottom:-100%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out,bottom .5s ease-in-out}:host .container.bottom.center.active{bottom:24px;opacity:1}:host .container.left{left:-100%;opacity:0;transition:opacity .5s ease-in-out,left .5s ease-in-out}@media (max-width: 768px){:host .container.left{right:unset;left:50%;transform:translate(-50%)}}:host .container.left.active{left:24px;opacity:1}:host .container.right{right:-100%;opacity:0;transition:opacity .5s ease-in-out,right .5s ease-in-out}@media (max-width: 768px){:host .container.right{right:unset;left:50%;transform:translate(-50%)}}:host .container.right.active{right:24px;opacity:1}:host .container .content{flex:1 1 0;display:flex;flex-direction:column;gap:4px}:host .container .default-icon{margin-right:12px}:host .container .close-icon{margin-left:12px;cursor:pointer}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], closeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButton", required: false }] }], loader: [{ type: i0.Input, args: [{ isSignal: true, alias: "loader", required: false }] }], autoCloseDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoCloseDelay", required: false }] }], toastClosed: [{ type: i0.Output, args: ["toastClosed"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CuraToastComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-cura-feedback-cura-toast.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-cura-feedback-cura-toast.mjs","sources":["../../../projects/site-front-end-lib/cura/feedback/cura-toast/cura-toast.component.ts","../../../projects/site-front-end-lib/cura/feedback/cura-toast/cura-toast.component.html","../../../projects/site-front-end-lib/cura/feedback/cura-toast/rededor-site-front-end-lib-cura-feedback-cura-toast.ts"],"sourcesContent":["import { Component, input, output, inject, computed, signal, OnInit, OnDestroy, ElementRef, effect } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraLoaderBarComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-bar';\nimport { ToastType, ToastPosition } from './cura-toast.definitions';\n\n@Component({\n  selector: 'cura-toast',\n  imports: [CommonModule, CuraIconComponent, CuraHeadingComponent, CuraParagraphComponent, CuraLoaderBarComponent],\n  templateUrl: './cura-toast.component.html',\n  styleUrls: ['./cura-toast.component.scss'],\n  host: {\n    role: 'alert',\n    'aria-live': 'polite',\n    'aria-atomic': 'true',\n    '[attr.aria-label]': 'label()',\n  },\n})\nexport class CuraToastComponent implements OnInit, OnDestroy {\n  private curaApi: CuraApiService = inject(CuraApiService);\n  private elementRef = inject(ElementRef);\n  private intervalId?: ReturnType<typeof setInterval>;\n\n  /**\n   * Toast type: info (default) | success | warning | error\n   */\n  type = input<ToastType>('info');\n\n  /**\n   * Toast position on screen\n   */\n  position = input<ToastPosition>('top-right');\n\n  /**\n   * Custom icon name\n   */\n  icon = input<string>('');\n\n  /**\n   * Toast label/title\n   */\n  label = input<string>('');\n\n  /**\n   * Show close button. Default: true\n   */\n  closeButton = input<boolean>(true);\n\n  /**\n   * Show loader bar. Default: true\n   */\n  loader = input<boolean>(true);\n\n  /**\n   * Auto close delay in milliseconds. Default: 10000ms (10s)\n   */\n  autoCloseDelay = input<number>(10000);\n\n  /**\n   * Close event emitter\n   */\n  toastClosed = output<void>();\n\n  /**\n   * Progress state for loader animation\n   */\n  progress = signal<number>(0);\n\n  /**\n   * Active state for animation\n   */\n  isActive = signal<boolean>(false);\n\n  constructor() {\n    // Watch for type and position changes to update styles\n    effect(() => {\n      this.type();\n      this.position();\n    });\n  }\n\n  toastStyles = computed(() => {\n    if (!this.curaApi) return {};\n\n    const colors = [\n      { name: '--neutral-purewhite', theme: 'neutral-purewhite' },\n      { name: '--neutral-base', theme: 'neutral-base', opacity: 0.2 },\n      { name: '--primary-base', theme: 'primary-base' },\n      { name: '--color-base', theme: `${this.type()}-base` },\n    ];\n\n    const styles: { [key: string]: string } = {};\n\n    colors.forEach((color) => {\n      if (color.opacity !== undefined) {\n        styles[color.name] = this.curaApi.theme.colors.getColor(color.theme, color.opacity);\n      } else {\n        styles[color.name] = this.curaApi.theme.colors.getColor(color.theme);\n      }\n    });\n\n    return styles;\n  });\n\n  containerClasses = computed(() => {\n    const [firstPosition, secondPosition] = this.position().split('-');\n    const classes: { [key: string]: boolean } = {\n      container: true,\n    };\n\n    if (firstPosition) classes[firstPosition] = true;\n    if (secondPosition) classes[secondPosition] = true;\n    if (this.loader()) classes['loader'] = true;\n    if (this.isActive()) classes['active'] = true;\n\n    return classes;\n  });\n\n  iconName = computed(() => {\n    const iconMapping: { [key in ToastType]: string } = {\n      info: 'infoCircle',\n      success: 'checkCircle',\n      warning: 'alertCircle',\n      error: 'alertTriangle',\n    };\n    return this.icon() || iconMapping[this.type()];\n  });\n\n  ngOnInit(): void {\n    // Activate animation after a small delay to ensure DOM is ready\n    setTimeout(() => {\n      this.openContainer();\n      this.startAnimation();\n    }, 10);\n  }\n\n  ngOnDestroy(): void {\n    if (this.intervalId) {\n      clearInterval(this.intervalId);\n    }\n  }\n\n  /**\n   * Opens the toast container with animation\n   */\n  openContainer(): void {\n    this.isActive.set(true);\n  }\n\n  /**\n   * Closes the toast container with animation\n   */\n  closeContainer(): void {\n    this.isActive.set(false);\n\n    setTimeout(() => {\n      this.toastClosed.emit();\n      // Remove element from DOM\n      const element = this.elementRef.nativeElement;\n      if (element && element.parentNode) {\n        element.parentNode.removeChild(element);\n      }\n    }, 500);\n  }\n\n  /**\n   * Public method to close toast\n   */\n  close(): void {\n    this.closeContainer();\n  }\n\n  /**\n   * Handle close button click\n   */\n  handleClose(): void {\n    this.closeContainer();\n  }\n\n  /**\n   * Starts the auto-close animation\n   */\n  private startAnimation(): void {\n    const delay = this.autoCloseDelay();\n\n    if (!delay) return;\n\n    if (this.loader()) {\n      this.progress.set(0);\n      this.intervalId = setInterval(() => {\n        const currentProgress = this.progress();\n        if (currentProgress >= 100) {\n          if (this.intervalId) {\n            clearInterval(this.intervalId);\n          }\n          this.closeContainer();\n        } else {\n          this.progress.set(currentProgress + 1);\n        }\n      }, delay / 100);\n    } else {\n      this.intervalId = setInterval(() => {\n        if (this.intervalId) {\n          clearInterval(this.intervalId);\n        }\n        this.closeContainer();\n      }, delay);\n    }\n  }\n}\n","<div [ngClass]=\"containerClasses()\" [ngStyle]=\"toastStyles()\">\n  <cura-icon class=\"default-icon\" [name]=\"iconName()\" [size]=\"16\" [color]=\"type() + '-dark'\"></cura-icon>\n\n  <div class=\"content\">\n    <cura-heading [level]=\"4\" size=\"xsmall\" [color]=\"type() + '-dark'\" weight=\"bold\" marginBlock=\"0\">\n      {{ label() }}\n    </cura-heading>\n\n    <cura-paragraph [color]=\"type() + '-darker'\" size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\n      <ng-content></ng-content>\n    </cura-paragraph>\n\n    <ng-content select=\"[slot=actions]\"></ng-content>\n  </div>\n\n  @if (closeButton()) {\n    <cura-icon class=\"close-icon\" name=\"close\" [size]=\"16\" color=\"error-dark\" (click)=\"handleClose()\"></cura-icon>\n  }\n\n  @if (loader() && autoCloseDelay()) {\n    <cura-loader-bar [color]=\"type() + '-base'\" [progress]=\"progress()\"></cura-loader-bar>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;MAqBa,kBAAkB,CAAA;AAuD7B,IAAA,WAAA,GAAA;AAtDQ,QAAA,IAAA,CAAA,OAAO,GAAmB,MAAM,CAAC,cAAc,CAAC;AAChD,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAGvC;;AAEG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,MAAM,gDAAC;AAE/B;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAgB,WAAW,oDAAC;AAE5C;;AAEG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AAExB;;AAEG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AAEzB;;AAEG;AACH,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAU,IAAI,uDAAC;AAElC;;AAEG;AACH,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAU,IAAI,kDAAC;AAE7B;;AAEG;AACH,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAS,KAAK,0DAAC;AAErC;;AAEG;QACH,IAAA,CAAA,WAAW,GAAG,MAAM,EAAQ;AAE5B;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAS,CAAC,oDAAC;AAE5B;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAU,KAAK,oDAAC;AAUjC,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YAC1B,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,gBAAA,OAAO,EAAE;AAE5B,YAAA,MAAM,MAAM,GAAG;AACb,gBAAA,EAAE,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,mBAAmB,EAAE;gBAC3D,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE;AAC/D,gBAAA,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,cAAc,EAAE;AACjD,gBAAA,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,EAAE,CAAA,KAAA,CAAO,EAAE;aACvD;YAED,MAAM,MAAM,GAA8B,EAAE;AAE5C,YAAA,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACvB,gBAAA,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE;oBAC/B,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC;gBACrF;qBAAO;oBACL,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;gBACtE;AACF,YAAA,CAAC,CAAC;AAEF,YAAA,OAAO,MAAM;AACf,QAAA,CAAC,uDAAC;AAEF,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AAC/B,YAAA,MAAM,CAAC,aAAa,EAAE,cAAc,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC;AAClE,YAAA,MAAM,OAAO,GAA+B;AAC1C,gBAAA,SAAS,EAAE,IAAI;aAChB;AAED,YAAA,IAAI,aAAa;AAAE,gBAAA,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;AAChD,YAAA,IAAI,cAAc;AAAE,gBAAA,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI;YAClD,IAAI,IAAI,CAAC,MAAM,EAAE;AAAE,gBAAA,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI;YAC3C,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,gBAAA,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI;AAE7C,YAAA,OAAO,OAAO;AAChB,QAAA,CAAC,4DAAC;AAEF,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACvB,YAAA,MAAM,WAAW,GAAmC;AAClD,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,KAAK,EAAE,eAAe;aACvB;AACD,YAAA,OAAO,IAAI,CAAC,IAAI,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAChD,QAAA,CAAC,oDAAC;;QAnDA,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,IAAI,EAAE;YACX,IAAI,CAAC,QAAQ,EAAE;AACjB,QAAA,CAAC,CAAC;IACJ;IAiDA,QAAQ,GAAA;;QAEN,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,cAAc,EAAE;QACvB,CAAC,EAAE,EAAE,CAAC;IACR;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC;QAChC;IACF;AAEA;;AAEG;IACH,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;IACzB;AAEA;;AAEG;IACH,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;QAExB,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;;AAEvB,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa;AAC7C,YAAA,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,EAAE;AACjC,gBAAA,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC;YACzC;QACF,CAAC,EAAE,GAAG,CAAC;IACT;AAEA;;AAEG;IACH,KAAK,GAAA;QACH,IAAI,CAAC,cAAc,EAAE;IACvB;AAEA;;AAEG;IACH,WAAW,GAAA;QACT,IAAI,CAAC,cAAc,EAAE;IACvB;AAEA;;AAEG;IACK,cAAc,GAAA;AACpB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE;AAEnC,QAAA,IAAI,CAAC,KAAK;YAAE;AAEZ,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AACpB,YAAA,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,MAAK;AACjC,gBAAA,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE;AACvC,gBAAA,IAAI,eAAe,IAAI,GAAG,EAAE;AAC1B,oBAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,wBAAA,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC;oBAChC;oBACA,IAAI,CAAC,cAAc,EAAE;gBACvB;qBAAO;oBACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,GAAG,CAAC,CAAC;gBACxC;AACF,YAAA,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC;QACjB;aAAO;AACL,YAAA,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,MAAK;AACjC,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,oBAAA,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC;gBAChC;gBACA,IAAI,CAAC,cAAc,EAAE;YACvB,CAAC,EAAE,KAAK,CAAC;QACX;IACF;+GA9LW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrB/B,m5BAuBA,EAAA,MAAA,EAAA,CAAA,whDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDZY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,sBAAsB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAUpG,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAZ9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,OAAA,EACb,CAAC,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,sBAAsB,CAAC,EAAA,IAAA,EAG1G;AACJ,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,WAAW,EAAE,QAAQ;AACrB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,mBAAmB,EAAE,SAAS;AAC/B,qBAAA,EAAA,QAAA,EAAA,m5BAAA,EAAA,MAAA,EAAA,CAAA,whDAAA,CAAA,EAAA;;;AEnBH;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/site-front-end-lib",
-  "version": "20.0.0",
+  "version": "20.0.2",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
@@ -229,6 +229,10 @@
       "types": "./cura/feedback/cura-modal/index.d.ts",
       "default": "./fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs"
     },
+    "./cura/feedback/cura-toast": {
+      "types": "./cura/feedback/cura-toast/index.d.ts",
+      "default": "./fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs"
+    },
     "./cura/forms": {
       "types": "./cura/forms/index.d.ts",
       "default": "./fesm2022/rededor-site-front-end-lib-cura-forms.mjs"