@testgorilla/tgo-ui 2.99.1 → 3.0.0

package/components/field/field.component.d.ts

@@ -1,12 +1,21 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { FieldType } from '../../components/field/field.model';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { FieldType } from '../../components/field/field.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { IconName } from '../icon/icon.model';
-import { FocusMonitor } from "@angular/cdk/a11y";
 import * as i0 from "@angular/core";
+/**
+ * A global counter used to generate unique field IDs.
+ * This variable is incremented each time a new field ID is needed.
+ *
+ * @remarks
+ * This is primarily used to ensure that each field component
+ * has a unique identifier within the application / useful for their Aria Labels.
+ */
+export declare let fieldID: number;
 export declare class FieldComponent implements OnInit, ControlValueAccessor, DoCheck, AfterViewInit {
     private readonly defaultAppTheme;
     private matIconRegistry;
@@ -51,7 +60,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
      * @type {string}
      * @memberof FieldComponent
      */
-    id?: string | undefined;
+    id: import("@angular/core").InputSignal<string>;
     /**
      * Input value
      *
@@ -81,6 +90,13 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
      * @memberof FieldComponent
      */
     required: boolean;
+    /**
+     * Input is readonly or not
+     *
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    readOnly: boolean;
     /**
      * Hint text
      *
@@ -217,18 +233,32 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
     textareaHeight: number;
     /**
      * A string representing the ARIA requirement for accessibility.
-     * This attribute is used to indicate whether an input field is required for form submission.
+     * This attribute is used for input field Aria Labeled By Element Id.
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    protected readonly ariaLabelledbyId: import("@angular/core").Signal<string>;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used for input field Aria LabeledBy Text.
+     * @type {string}
+     * @memberof FieldComponent
+     */
+    protected readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used for input field Aria Described By Element Id.
      * @type {string}
      * @memberof FieldComponent
      */
-    ariaLabelledby: string;
+    protected readonly ariaDescribedbyId: import("@angular/core").Signal<string>;
     /**
      * A string representing the ARIA requirement for accessibility.
-     * This attribute is used to indicate whether an input field is required for form submission.
+     * This attribute is used for input field Aria DescribedBy Text.
      * @type {string}
      * @memberof FieldComponent
      */
-    ariaDescribedby: string;
+    protected readonly ariaDescribedby: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Show state of error
      * @type {boolean}
@@ -275,13 +305,13 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
-    onFieldClick(event: MouseEvent): void;
     onActive(state: boolean, action: string): void;
     onSubmit(): void;
     private clearSpace;
     onBlur(): void;
     trackByFn: (index: number, value: any) => any;
     focus(): void;
+    refocusPasswordButton(btn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
 }

package/components/file-upload/file-upload.component.d.ts

@@ -1,6 +1,7 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges, ElementRef } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ApplicationTheme } from '../../models/application-theme.model';
+import { Color } from '../../models/colors.model';
 import * as i0 from "@angular/core";
 export declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAccessor {
     private readonly defaultAppTheme;
@@ -31,6 +32,20 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
      * @memberof FileUploadComponent
      */
     uploadProgress: number;
+    /**
+     * Show Upload progress percentage or not
+     *
+     * @type {boolean}
+     * @memberof FileUploadComponent
+     */
+    showUploadProgress: boolean;
+    /**
+     * Custom progress message
+     *
+     * @type {string}
+     * @memberof FileUploadComponent
+     */
+    fileProcessingMessage: string | undefined;
     /**
      * File upload errors
      *
@@ -94,11 +109,13 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
      * @ignore
      */
     onTouch: () => void;
+    get fileSizeInMB(): string | null;
     isMissedMinSize: boolean;
     progress: boolean;
     success: boolean;
     browse: boolean;
     isCanceled: boolean;
+    colorUploadSuccess: Color;
     constructor(defaultAppTheme: ApplicationTheme);
     ngOnInit(): void;
     onFileDropped(files: FileList): void;
@@ -116,5 +133,5 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
     private fileSizeToMB;
     onKeydown(ev: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "minFileSizeMB": { "alias": "minFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "minFileSizeMB": { "alias": "minFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "showUploadProgress": { "alias": "showUploadProgress"; "required": false; }; "fileProcessingMessage": { "alias": "fileProcessingMessage"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
 }

package/components/filter-button/filter-button.component.d.ts

@@ -0,0 +1,140 @@
+import { FocusKeyManager } from '@angular/cdk/a11y';
+import { ChangeDetectorRef, EventEmitter, OnChanges, QueryList, SimpleChanges } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { ButtonIconPosition } from '../button/button.model';
+import { IconName } from '../icon/icon.model';
+import { FilterButtonOption, FilterValue, OptionChangeEvent } from './filter-button.model';
+import * as i0 from "@angular/core";
+export declare class FilterButtonComponent implements OnChanges {
+    private readonly defaultAppTheme;
+    private readonly cdr;
+    class: string;
+    /**
+     * The button label when no value is selected.
+     *
+     * @type {string}
+     * @memberof FilterButtonComponent
+     */
+    label: string;
+    /**
+     * Optional message to display on the overflow bottom.
+     *
+     * @type {string}
+     * @memberof FilterButtonComponent
+     */
+    message?: string | undefined;
+    /**
+     * List of selected values.
+     *
+     * @type {string[]}
+     * @memberof FilterButtonComponent
+     */
+    value: FilterValue[];
+    /**
+     * Whether the component is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof FilterButtonComponent
+     */
+    disabled: boolean;
+    /**
+     * List of options.
+     *
+     * @type {OptionType}
+     * @memberof FilterButtonComponent
+     */
+    options: import("@angular/core").InputSignal<FilterButtonOption[]>;
+    /**
+     * Whether the user should be allowed to clear the values.
+     * Default: true.
+     *
+     * @type {boolean}
+     * @memberof FilterButtonComponent
+     */
+    allowClear: boolean;
+    /**
+     * Whether the user should be allowed to select single or multiple values.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof FilterButtonComponent
+     */
+    singleSelection?: boolean | undefined;
+    /**
+     * The icon name to display.
+     *
+     * @type {string}
+     * @memberof FilterButtonComponent
+     *
+     **/
+    iconName?: IconName;
+    /**
+     * The position of the icon.
+     * Default: 'right'.
+     *
+     * @type {ButtonIconPosition}
+     * @memberof FilterButtonComponent
+     */
+    iconPosition?: ButtonIconPosition;
+    /**
+     * Optional message to display if there are no options to select available
+     *
+     * @type {string}
+     * @memberof FilterButtonComponent
+     */
+    noOptionsMessage?: string | undefined;
+    /**
+     * Emits the list of selected values when the selection changes.
+     *
+     * @type {EventEmitter<string[]>}
+     * @memberof FilterButtonComponent
+     */
+    changed: EventEmitter<FilterValue[]>;
+    /**
+     * Emits the option change event
+     *
+     * @type {EventEmitter<OptionChangeEvent>}
+     * @memberof FilterButtonComponent
+     */
+    optionChange: EventEmitter<OptionChangeEvent>;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof FilterButtonComponent
+     */
+    applicationTheme: ApplicationTheme;
+    overlayContainer: any;
+    filterOptions: QueryList<any>;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    displayedLabel: import("@angular/core").WritableSignal<string>;
+    tooltip: import("@angular/core").WritableSignal<string>;
+    search: import("@angular/core").WritableSignal<string>;
+    showTooltip: {
+        [key: string]: boolean;
+    };
+    displayedOptions: import("@angular/core").Signal<{
+        sectionTitle: string;
+        value: FilterValue;
+        label: string;
+        labelNumber?: number | undefined;
+        icon?: IconName | undefined;
+    }[]>;
+    readonly MIN_OPTIONS_LENGTH_FOR_SEARCH = 8;
+    protected keyManager: FocusKeyManager<HTMLElement>;
+    protected translationContext: string;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    clearValue(): void;
+    outsideClick(): void;
+    toggle(): void;
+    isSelected(value?: FilterValue): boolean;
+    optionChanged(selected: boolean, option: FilterButtonOption): void;
+    keyDownHandler(ev: any): void;
+    onLabelEllipsisChange(isEllipsis: boolean, value: FilterValue): void;
+    private updateLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterButtonComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterButtonComponent, "ui-filter-button", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "allowClear": { "alias": "allowClear"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changed": "changed"; "optionChange": "optionChange"; }, never, never, false, never>;
+}

package/components/filter-button/filter-button.component.module.d.ts

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./filter-button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "@angular/cdk/overlay";
+import * as i6 from "../../pipes/ui-translate.pipe";
+import * as i7 from "../button/button.component.module";
+import * as i8 from "../icon/icon.component.module";
+import * as i9 from "../checkbox/checkbox.component.module";
+import * as i10 from "../field/field.component.module";
+import * as i11 from "../../directives/ellipse-text.directive";
+import * as i12 from "../radio-button/radio-button.component.module";
+export declare class FilterButtonComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterButtonComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FilterButtonComponentModule, [typeof i1.FilterButtonComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatTooltipModule, typeof i5.OverlayModule, typeof i6.UiTranslatePipe, typeof i7.ButtonComponentModule, typeof i8.IconComponentModule, typeof i9.CheckboxComponentModule, typeof i10.FieldComponentModule, typeof i11.EllipseTextDirective, typeof i12.RadioButtonComponentModule], [typeof i1.FilterButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FilterButtonComponentModule>;
+}

package/components/filter-button/filter-button.model.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from '../icon/icon.model';
+export type FilterValue = string | number;
+export interface FilterButtonOption {
+    value: FilterValue;
+    label: string;
+    labelNumber?: number;
+    icon?: IconName;
+    sectionTitle?: string;
+}
+export interface OptionChangeEvent {
+    selected: boolean;
+    option: FilterButtonOption;
+}

package/components/gaussian-chart/gaussian-chart.component.d.ts

@@ -0,0 +1,75 @@
+import { OnInit } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { Chart, ChartData, ChartOptions } from 'chart.js';
+import gaussian from 'gaussian';
+import * as i0 from "@angular/core";
+declare enum PercentileThreshold {
+    LOWEST = 20,
+    LOWER = 40,
+    AVERAGE = 60,
+    HIGHER = 80,
+    HIGHEST = 100
+}
+export declare class GaussianChartComponent implements OnInit {
+    /**
+     * The candidate score to be displayed on the chart.
+     * @type {number}
+     * @memberof GaussianChartComponent
+     */
+    score: number;
+    /**
+     * The best candidate score to be displayed on the chart.
+     * @type {number}
+     * @memberof GaussianChartComponent
+     */
+    bestCandidateScore: number;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SpinnerComponent
+     */
+    applicationTheme: ApplicationTheme;
+    readonly minXValue = -3;
+    readonly maxXValue = 3;
+    readonly minYValue = 0;
+    readonly stepSize = 0.1;
+    readonly pointsToSkip = 2;
+    readonly actualMinXvalue: number;
+    readonly actualMaxXvalue: number;
+    readonly normalContainerPadding = 50;
+    readonly bestScoreThreshold = 92;
+    readonly bestScoreSpacingRight = "4px";
+    readonly bestScoreSpacingLeft = "-39px";
+    PercentileThreshold: typeof PercentileThreshold;
+    chart: Chart;
+    gaussianDistribution: gaussian.Gaussian;
+    activeBucket: PercentileThreshold;
+    overlayXValue: number;
+    overlayYValue: number;
+    overlayXBestScoreValue: number;
+    overlayYBestScoreValue: number;
+    maxYValue: number;
+    gaussianChartData: ChartData<'line'>;
+    gaussianChartOptions: ChartOptions<'line'>;
+    protected readonly translationContext = "CHARTS.GAUSSIAN_CHART.";
+    ngOnInit(): void;
+    private setChartData;
+    private setChartOptions;
+    private getTooltip;
+    private getScale;
+    private generateDataset;
+    private generateLabels;
+    private setActiveBucket;
+    private setOverlayValues;
+    private setOverlayValuesForBestScore;
+    private calculateOverlayValues;
+    private mapRange;
+    getCalcPosition([percentage, pixels, operation]: [number, number, 'add' | 'subtract']): string;
+    getBestScoreContentPosition(bestScore: number): string;
+    getScoreTranslationKey(score: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaussianChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GaussianChartComponent, "ui-gaussian-chart", never, { "score": { "alias": "score"; "required": false; }; "bestCandidateScore": { "alias": "bestCandidateScore"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}
+export {};

package/components/gaussian-chart/gaussian-chart.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./gaussian-chart.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../pipes/ui-translate.pipe";
+import * as i4 from "ng2-charts";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "../icon/icon.component.module";
+import * as i7 from "../../pipes/memoize-func.pipe";
+export declare class GaussianChartComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<GaussianChartComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GaussianChartComponentModule, [typeof i1.GaussianChartComponent], [typeof i2.NgClass, typeof i3.UiTranslatePipe, typeof i4.NgChartsModule, typeof i5.MatTooltipModule, typeof i2.CommonModule, typeof i6.IconComponentModule, typeof i7.MemoizeFuncPipe], [typeof i1.GaussianChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<GaussianChartComponentModule>;
+}

package/components/icon/icon.config.d.ts

@@ -1,5 +1,5 @@
 export declare const tgoIcons: readonly ["Add", "Archive", "Arrow_down", "Arrow_left", "Arrow_right", "Arrow_up", "Assessment", "Attempts", "Book", "Calendar", "Candidates", "Chat-notifications", "Chat", "Check", "Clone", "Close", "Code", "Company", "Copy", "Custom-questions", "Delete", "Devices", "Document", "Dot", "Download", "Edit", "Email-message", "Empty-placeholder", "Error", "Essay", "Eye-hide", "Eye-view", "Feedback-1", "Feedback-2", "Feedback-3", "Feedback-4", "Feedback-5", "File-attach", "File-upload", "Filter", "Folder", "Format-add-file", "Format-add-table", "Format-align-L", "Format-align-R", "Format-align-center", "Format-align-justify", "Format-bold", "Format-code-active", "Format-code-block", "Format-edit-table", "Format-format", "Format-function", "Format-italics", "Format-list-bulleted", "Format-list-numbered", "Format-picker", "Format-quote", "Format-subscript", "Format-superscript", "Format-text-direction-L", "Format-text-direction-R", "Format-text-size", "Format-underline", "Format-variable", "Full-screen", "Gender-female", "Gender-male", "Help-2", "Help", "Image", "Info", "Integration", "Language", "Layout", "Learn", "Level", "Light-bulb", "Link", "Loading-spinner", "Localisation", "Location", "Lock", "Log-out", "Menu-burger", "Menu-ellipsis", "Microphone", "Minus", "Mouse-cursor", "Mouse-grab-cursor", "Mouse", "Multi-choice", "Notifications", "Password", "Path", "Pin-marker", "Plan-billing", "Plus", "Premium", "Promotion", "Question-count", "Refer", "Reset", "Review", "Round-check-filled", "Round-check", "Search", "Secure-checkout", "Send", "Settings", "Social-facebook", "Social-instagram", "Social-linkedin", "Sorting-down-1", "Sorting-down", "Speedometer", "Star-filled", "Star-half", "Star-outline", "Support", "Sync", "Team", "Test", "Thunder", "Timer", "Trophy", "Type", "Unarchive", "Unlock", "Upgrade", "Upload", "User-access", "User-add", "User-invite", "User-profile", "User-reject", "User-switch", "Video-pause", "Video-play", "Video-record", "Video", "Volume", "Warning", "Zoom-in", "Zoom-out", "Fire", "Gift", "Grab", "Share", "Sparkles", "Video-stop", "Minimize", "Employee", "Money-bag", "Suitcase", "Google", "Fast-forward", "Fast-rewind", "Skip-next", "Skip-previous", "TestGorilla"];
-export declare const tgoRebrandIcons: readonly ["Archive-filled", "Archive-in-line", "Add-in-line", "Add-filled", "Arrow-chevron-down-filled", "Arrow-chevron-down-in-line", "Arrow-chevron-left-filled", "Arrow-chevron-left-in-line", "Arrow-chevron-right-filled", "Arrow-chevron-right-in-line", "Arrow-chevron-up-filled", "Arrow-chevron-up-in-line", "Arrow-down-filled", "Arrow-down-in-line", "Arrow-up-filled", "Arrow-up-in-line", "Assessment-filled", "Assessment-in-line", "Attach-filled", "Attach-in-line", "Attempts-filled", "Attempts-in-line", "Book-filled", "Book-in-line", "Calendar-filled", "Calendar-in-line", "Candidates-filled", "Candidates-in-line", "Chat-filled", "Chat-in-line", "Check-filled", "Check-in-line", "Check-round-filled", "Check-round-in-line", "Circle-filled", "Circle-in-line", "Clone-filled", "Clone-in-line", "Close-filled", "Close-in-line", "Code-filled", "Code-in-line", "Company-filled", "Company-in-line", "Copy-filled", "Copy-in-line", "Delete-filled", "Delete-in-line", "Devices-filled", "Devices-in-line", "Document-filled", "Document-in-line", "Dot-filled", "Dot-in-line", "Download-filled", "Download-in-line", "Edit-filled", "Edit-in-line", "Edit-text-filled", "Edit-text-in-line", "Employee-filled", "Employee-in-line", "Error-filled", "Error-in-line", "Essay-filled", "Essay-in-line", "Experience-filled", "Experience-in-line", "Facebook-filled", "Facebook-in-line", "Fast-forward-filled", "Fast-forward-in-line", "Fast-rewind-filled", "Fast-rewind-in-line", "Filter-filled", "Filter-in-line", "Fire-filled", "Fire-in-line", "Folder-filled", "Folder-in-line", "Full-screen-filled", "Full-screen-in-line", "Gender-male-filled", "Gender-male-in-line", "Gender-female-filled", "Gender-female-in-line", "Gift-filled", "Gift-in-line", "Google-filled", "Google-in-line", "Grab-filled", "Grab-in-line", "Help-filled", "Help-in-line", "Hide-filled", "Hide-in-line", "Image-filled", "Image-in-line", "Info-filled", "Info-in-line", "Instagram-filled", "Instagram-in-line", "Integration-filled", "Integration-in-line", "Invite-filled", "Invite-in-line", "Language-filled", "Language-in-line", "Layout-filled", "Layout-in-line", "Learn-filled", "Learn-in-line", "Level-filled", "Level-in-line", "Light-bulb-filled", "Light-bulb-in-line", "Link-filled", "Link-in-line", "Linkedin-filled", "Linkedin-in-line", "Localization-filled", "Localization-in-line", "Location-filled", "Location-in-line", "Lock-filled", "Lock-in-line", "Logout-filled", "Logout-in-line", "Medal-filled", "Medal-in-line", "Menu-burger-filled", "Menu-burger-in-line", "Menu-ellipsis-filled", "Menu-ellipsis-in-line", "Mic-filled", "Mic-in-line", "Minimize-filled", "Minimize-in-line", "Minus-filled", "Minus-in-line", "Mouse-filled", "Mouse-in-line", "Multi-choice-filled", "Multi-choice-in-line", "Notification-bell-filled", "Notification-bell-in-line", "Password-filled", "Password-in-line", "Path-filled", "Path-in-line", "Pause-filled", "Pause-in-line", "Pin-marker-filled", "Pin-marker-in-line", "Plan-billing-filled", "Plan-billing-in-line", "Play-filled", "Play-in-line", "Plus-filled", "Plus-in-line", "Premium-filled", "Premium-in-line", "Premium-circle-in-line", "Question-count-filled", "Question-count-in-line", "Question-filled", "Question-in-line", "Record-filled", "Record-in-line", "Reject-filled", "Refer-in-line", "Refer-filled", "Reject-in-line", "Reset-filled", "Reset-in-line", "Review-emoji-1-filled", "Review-emoji-1-in-line", "Review-emoji-2-filled", "Review-emoji-2-in-line", "Review-emoji-3-filled", "Review-emoji-3-in-line", "Review-emoji-4-filled", "Review-emoji-4-in-line", "Review-emoji-5-filled", "Review-emoji-5-in-line", "Review-filled", "Review-half-star-filled", "Review-half-star-in-line", "Review-in-line", "Review-star-filled", "Review-star-in-line", "Search-filled", "Search-in-line", "Secure-filled", "Secure-in-line", "Send-filled", "Send-in-line", "Settings-filled", "Settings-in-line", "Share-filled", "Share-in-line", "Skip-next-filled", "Skip-next-in-line", "Skip-previous-filled", "Skip-previous-in-line", "Sparkle-filled", "Sparkle-in-line", "Speedometer-filled", "Speedometer-in-line", "Stop-filled", "Stop-in-line", "Switch-filled", "Switch-in-line", "Sync-filled", "Sync-in-line", "Team-filled", "Team-in-line", "Test-filled", "Test-in-line", "Timer-filled", "Timer-in-line", "Trophy-filled", "Trophy-in-line", "Type-filled", "Type-in-line", "Unarchive-filled", "Unarchive-in-line", "Unlock-filled", "Unlock-in-line", "Upgrade-filled", "Upgrade-in-line", "Upload-filled", "Upload-in-line", "User-access-filled", "User-access-in-line", "User-add-filled", "User-add-in-line", "User-profile-filled", "User-profile-in-line", "Video-filled", "Video-in-line", "View-filled", "View-in-line", "Volume-filled", "Volume-in-line", "Warning-filled", "Warning-in-line", "Validated-filled", "Validated-in-line", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line", "TestGorilla-filled", "TestGorilla-in-line"];
+export declare const tgoRebrandIcons: readonly ["Archive-filled", "Archive-in-line", "Add-in-line", "Add-filled", "Arrow-chevron-down-filled", "Arrow-chevron-down-in-line", "Arrow-chevron-left-filled", "Arrow-chevron-left-in-line", "Arrow-chevron-right-filled", "Arrow-chevron-right-in-line", "Arrow-chevron-up-filled", "Arrow-chevron-up-in-line", "Arrow-down-filled", "Arrow-down-in-line", "Arrow-up-filled", "Arrow-up-in-line", "Assessment-filled", "Assessment-in-line", "Attach-filled", "Attach-in-line", "Attempts-filled", "Attempts-in-line", "Book-filled", "Book-in-line", "Calendar-filled", "Calendar-in-line", "Candidates-filled", "Candidates-in-line", "Chat-filled", "Chat-in-line", "Check-filled", "Check-in-line", "Check-round-filled", "Check-round-in-line", "Circle-filled", "Circle-in-line", "Clone-filled", "Clone-in-line", "Close-filled", "Close-in-line", "Code-filled", "Code-in-line", "Company-filled", "Company-in-line", "Copy-filled", "Copy-in-line", "Delete-filled", "Delete-in-line", "Devices-filled", "Devices-in-line", "Document-filled", "Document-in-line", "Dot-filled", "Dot-in-line", "Download-filled", "Download-in-line", "Edit-filled", "Edit-in-line", "Edit-text-filled", "Edit-text-in-line", "Employee-filled", "Employee-in-line", "Error-filled", "Error-in-line", "Essay-filled", "Essay-in-line", "Experience-filled", "Experience-in-line", "Facebook-filled", "Facebook-in-line", "Fast-forward-filled", "Fast-forward-in-line", "Fast-rewind-filled", "Fast-rewind-in-line", "Filter-filled", "Filter-in-line", "Fire-filled", "Fire-in-line", "Folder-filled", "Folder-in-line", "Full-screen-filled", "Full-screen-in-line", "Gender-male-filled", "Gender-male-in-line", "Gender-female-filled", "Gender-female-in-line", "Gift-filled", "Gift-in-line", "Google-filled", "Google-in-line", "Grab-filled", "Grab-in-line", "Help-filled", "Help-in-line", "Hide-filled", "Hide-in-line", "Image-filled", "Image-in-line", "Info-filled", "Info-in-line", "Instagram-filled", "Instagram-in-line", "Integration-filled", "Integration-in-line", "Invite-filled", "Invite-in-line", "Language-filled", "Language-in-line", "Layout-filled", "Layout-in-line", "Learn-filled", "Learn-in-line", "Level-filled", "Level-in-line", "Light-bulb-filled", "Light-bulb-in-line", "Link-filled", "Link-in-line", "Linkedin-filled", "Linkedin-in-line", "Localization-filled", "Localization-in-line", "Location-filled", "Location-in-line", "Lock-filled", "Lock-in-line", "Logout-filled", "Logout-in-line", "Medal-filled", "Medal-in-line", "Menu-burger-filled", "Menu-burger-in-line", "Menu-ellipsis-filled", "Menu-ellipsis-in-line", "Mic-filled", "Mic-in-line", "Minimize-filled", "Minimize-in-line", "Minus-filled", "Minus-in-line", "Mouse-filled", "Mouse-in-line", "Multi-choice-filled", "Multi-choice-in-line", "Notification-bell-filled", "Notification-bell-in-line", "Password-filled", "Password-in-line", "Path-filled", "Path-in-line", "Pause-filled", "Pause-in-line", "Pin-marker-filled", "Pin-marker-in-line", "Plan-billing-filled", "Plan-billing-in-line", "Play-filled", "Play-in-line", "Plus-filled", "Plus-in-line", "Premium-filled", "Premium-in-line", "Premium-circle-in-line", "Question-count-filled", "Question-count-in-line", "Question-filled", "Question-in-line", "Record-filled", "Record-in-line", "Reject-filled", "Refer-in-line", "Refer-filled", "Reject-in-line", "Reset-filled", "Reset-in-line", "Review-emoji-1-filled", "Review-emoji-1-in-line", "Review-emoji-2-filled", "Review-emoji-2-in-line", "Review-emoji-3-filled", "Review-emoji-3-in-line", "Review-emoji-4-filled", "Review-emoji-4-in-line", "Review-emoji-5-filled", "Review-emoji-5-in-line", "Review-filled", "Review-half-star-filled", "Review-half-star-in-line", "Review-in-line", "Review-star-filled", "Review-star-in-line", "Search-filled", "Search-in-line", "Secure-filled", "Secure-in-line", "Send-filled", "Send-in-line", "Settings-filled", "Settings-in-line", "Share-filled", "Share-in-line", "Skip-next-filled", "Skip-next-in-line", "Skip-previous-filled", "Skip-previous-in-line", "Sparkle-filled", "Sparkle-in-line", "Speedometer-filled", "Speedometer-in-line", "Star-filled", "Star-in-line", "Stop-filled", "Stop-in-line", "Switch-filled", "Switch-in-line", "Sync-filled", "Sync-in-line", "Tag-filled", "Tag-in-line", "Team-filled", "Team-in-line", "Test-filled", "Test-in-line", "Timer-filled", "Timer-in-line", "Trophy-filled", "Trophy-in-line", "Type-filled", "Type-in-line", "Unarchive-filled", "Unarchive-in-line", "Unlock-filled", "Unlock-in-line", "Upgrade-filled", "Upgrade-in-line", "Upload-filled", "Upload-in-line", "User-access-filled", "User-access-in-line", "User-add-filled", "User-add-in-line", "User-profile-filled", "User-profile-in-line", "Video-filled", "Video-in-line", "View-filled", "View-in-line", "Volume-filled", "Volume-in-line", "Warning-filled", "Warning-in-line", "Validated-filled", "Validated-in-line", "Verified-badge-filled", "Verified-badge-in-line", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line", "Analytics-filled", "Analytics-in-line", "Failed-to-load-filled", "Failed-to-load-in-line", "History-filled", "History-in-line", "TestGorilla-filled", "TestGorilla-in-line", "TestGorilla-Pink-filled", "TestGorilla-Pink-in-line"];
 export declare const groupedIcons: {
     directional: string[];
     assessment: string[];

package/components/logo/logo.component.d.ts

@@ -1,6 +1,6 @@
 import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { LogoTypeEnum } from './logo.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
+import { LogoTypeEnum } from './logo.model';
 import * as i0 from "@angular/core";
 export declare class LogoComponent implements OnInit, OnChanges {
     private readonly defaultAppTheme;

package/components/multi-input/multi-input.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit, SimpleChanges } from '@angular/core';
-import { AbstractControl, ControlValueAccessor, FormBuilder, FormControl, NgControl } from '@angular/forms';
+import { AbstractControl, ControlValueAccessor, FormBuilder, FormControl, NgControl, ValidatorFn } from '@angular/forms';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { MultiInputValue } from './multi-input.model';
 import * as i0 from "@angular/core";
@@ -57,11 +57,11 @@ export declare class MultiInputComponent implements ControlValueAccessor, OnInit
      */
     label: string;
     /**
-   *
-   * @description Defines the placeholder of the multi input
-   * @type {string}
-   * @memberof MultiInputComponent
-   */
+     *
+     * @description Defines the placeholder of the multi input
+     * @type {string}
+     * @memberof MultiInputComponent
+     */
     placeholder: string;
     /**
      *
@@ -112,6 +112,13 @@ export declare class MultiInputComponent implements ControlValueAccessor, OnInit
      * @memberof MultiInputComponent
      */
     maxCharacters: number;
+    /**
+     *
+     * @description The validators to apply to input field
+     * @type {Validators[]}
+     * @memberof MultiInputComponent
+     */
+    validators: ValidatorFn[];
     /**
      *
      * @description The width of the multi input
@@ -154,7 +161,7 @@ export declare class MultiInputComponent implements ControlValueAccessor, OnInit
     private addValidation;
     private updateDisableState;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent, "ui-multi-input", never, { "itemsList": { "alias": "itemsList"; "required": true; }; "itemTextField": { "alias": "itemTextField"; "required": true; }; "itemValueField": { "alias": "itemValueField"; "required": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent, "ui-multi-input", never, { "itemsList": { "alias": "itemsList"; "required": true; }; "itemTextField": { "alias": "itemTextField"; "required": true; }; "itemValueField": { "alias": "itemValueField"; "required": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "validators": { "alias": "validators"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_allowDecimal: unknown;

package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts

@@ -1,15 +1,16 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { EventEmitter, InputSignal, Signal, TemplateRef } from '@angular/core';
 import { IRoute, MenuItem } from "../navbar.model";
 import { AvatarSize } from "../../avatar/avatar.model";
 import { ApplicationTheme } from "../../../models/application-theme.model";
 import * as i0 from "@angular/core";
 export declare class MobileNavbarSideSheetComponent {
     routes: IRoute[];
-    activedRoute: string;
+    activedRoute: InputSignal<string>;
     email: string;
     userName: string;
     menuItems: MenuItem[];
     contentTemplateRef: TemplateRef<any>;
+    userInfoExtraTemplateRef: TemplateRef<any>;
     isDesktop: boolean;
     applicationTheme: ApplicationTheme;
     navigateEvent: EventEmitter<string>;
@@ -17,9 +18,10 @@ export declare class MobileNavbarSideSheetComponent {
     logoutEvent: EventEmitter<void>;
     protected readonly translationContext = "NAVBAR.";
     protected avatarSize: typeof AvatarSize;
+    activeRoutesMap: Signal<Map<string, boolean>>;
     navigate(routeId: string): void;
     logout(): void;
     clickMenuItem(id: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MobileNavbarSideSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MobileNavbarSideSheetComponent, "ui-mobile-navbar-side-sheet", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "email": { "alias": "email"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "isDesktop": { "alias": "isDesktop"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MobileNavbarSideSheetComponent, "ui-mobile-navbar-side-sheet", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "userInfoExtraTemplateRef": { "alias": "userInfoExtraTemplateRef"; "required": false; }; "isDesktop": { "alias": "isDesktop"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, never, true, never>;
 }

package/components/navbar/navbar.component.d.ts

@@ -1,4 +1,4 @@
-import { DestroyRef, EventEmitter, TemplateRef } from '@angular/core';
+import { DestroyRef, EventEmitter, InputSignal, Signal, TemplateRef } from '@angular/core';
 import { IRoute, MenuItem, MenuState, ScreenSize } from './navbar.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { SideSheetService } from '../side-sheet/side-sheet.service';
@@ -22,10 +22,10 @@ export declare class NavbarComponent {
     /**
      * Actived route id
      *
-     * @type {string}
+     * @type {InputSignal<string>}
      * @memberof NavbarComponent
      */
-    activedRoute: string;
+    activedRoute: InputSignal<string>;
     /**
      * User first name and last name
      *
@@ -63,6 +63,12 @@ export declare class NavbarComponent {
      * @memberof NavbarComponent
      */
     contentTemplateRef: TemplateRef<any>;
+    /**
+     * Additional info template reference for the extra user info in the dropdown/sidesheet
+     * @type {TemplateRef<any>}
+     * @memberof NavbarComponent
+     */
+    userInfoExtraTemplateRef: TemplateRef<any>;
     /**
      * Mobile breakpoint
      * @type {number}
@@ -107,6 +113,7 @@ export declare class NavbarComponent {
     protected readonly isTablet$: import("rxjs").Observable<boolean>;
     protected isOpened: boolean;
     protected logoType: typeof LogoTypeEnum;
+    activeRoutesMap: Signal<Map<string, boolean>>;
     constructor(breakpointObserver: BreakpointObserver, defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService, destroyRef: DestroyRef);
     openMobileMenu(): void;
     navigate(routeId: string): void;
@@ -115,5 +122,5 @@ export declare class NavbarComponent {
     onChangeMenuState(isOpened: boolean, screenSize: ScreenSize): void;
     protected readonly AvatarSize: typeof AvatarSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, [null, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; "menuClass": { "alias": "menuClass"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; "menuState": "menuState"; }, never, ["[actions]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "userInfoExtraTemplateRef": { "alias": "userInfoExtraTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; "menuClass": { "alias": "menuClass"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; "menuState": "menuState"; }, never, ["[actions]", "*"], false, never>;
 }

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { Observable } from 'rxjs';
-import { ApplicationTheme } from "../../models/application-theme.model";
+import { ApplicationTheme } from '../../models/application-theme.model';
 import * as i0 from "@angular/core";
 export declare class PageHeaderComponent {
     private readonly defaultAppTheme;