@testgorilla/tgo-ui 2.11.1 → 2.11.2

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

@@ -0,0 +1,124 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAccessor {
+    private readonly defaultAppTheme;
+    class: string;
+    /**
+     *
+     * @type {number}
+     * @memberof FileUploadComponent
+     */
+    maxFileSizeMB: number;
+    /**
+     *
+     * @type {number}
+     * @memberof FileUploadComponent
+     */
+    minFileSizeMB: number;
+    /**
+     * Supported files for input field
+     *
+     * @type {string}
+     * @memberof FileUploadComponent
+     */
+    supportedFileTypes?: string;
+    /**
+     * Upload progress
+     *
+     * @type {number}
+     * @memberof FileUploadComponent
+     */
+    uploadProgress: number;
+    /**
+     * File upload errors
+     *
+     * @type {string[]}
+     * @memberof FileUploadComponent
+     */
+    errors?: string[] | null;
+    /**
+     * File upload disabled
+     *
+     * @type {boolean}
+     * @memberof FileUploadComponent
+     */
+    disabled: boolean;
+    /**
+     * Existing file information
+     *
+     * @type {(File | null)}
+     * @memberof FileUploadComponent
+     */
+    file: File | null;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof FileUploadComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     * Color of the file upload.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof FileUploadComponent
+     */
+    companyColor: string;
+    compColor: string;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof FileUploadComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof FileUploadComponent
+     */
+    ariaLabel: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {boolean}
+     * @memberof FileUploadComponent
+     */
+    ariaRequired: boolean;
+    OnDrop: EventEmitter<File>;
+    protected readonly translationContext = "FILE_UPLOAD.";
+    /**
+     * @ignore
+     */
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    isMissedMinSize: boolean;
+    progress: boolean;
+    success: boolean;
+    browse: boolean;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    onFileDropped(files: FileList): void;
+    onChangeUpload(event: Event): void;
+    emitFile(files: FileList): void;
+    showProgress(): boolean;
+    showSuccess(): boolean;
+    showBrowse(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value?: File): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    private getCompanyColor;
+    private fileSizeToMB;
+    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; }; "language": { "alias": "language"; "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/file-upload/file-upload.component.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./file-upload.component";
+import * as i2 from "../../directives/drag-drop.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@angular/material/input";
+import * as i6 from "../icon/icon.component.module";
+import * as i7 from "../progress-bar/progress-bar.component.module";
+import * as i8 from "../../pipes/ui-translate.pipe";
+export declare class FileUploadComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FileUploadComponentModule, [typeof i1.FileUploadComponent, typeof i2.DragDropDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.ProgressBarComponentModule, typeof i8.UiTranslatePipe], [typeof i1.FileUploadComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FileUploadComponentModule>;
+}

package/components/icon/icon.component.d.ts

@@ -0,0 +1,65 @@
+import { OnInit, SimpleChanges } from '@angular/core';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
+import { IconColor, IconName, IconSize } from './icon.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class IconComponent implements OnInit {
+    private readonly defaultAppTheme;
+    private matIconRegistry;
+    private domSanitzer;
+    /**
+     * Icon size
+     *
+     * @type {IconSize}
+     * @memberof IconComponent
+     */
+    size: IconSize;
+    /**
+     * Icon css class
+     *
+     * @memberof IconComponent
+     */
+    cssClass: string;
+    /**
+     * Icon name
+     *
+     * @type {IconName}
+     * @memberof IconComponent
+     */
+    name: IconName;
+    /**
+     * Icon color
+     *
+     * @type {IconColor}
+     * @memberof IconComponent
+     */
+    color?: IconColor;
+    /**
+     * Icon filled
+     *
+     * @type {boolean}
+     * @memberof IconComponent
+     */
+    filled: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof IconComponent
+     */
+    applicationTheme: ApplicationTheme;
+    customCssClass: string;
+    filename: IconName | undefined;
+    constructor(defaultAppTheme: ApplicationTheme, matIconRegistry: MatIconRegistry, domSanitzer: DomSanitizer);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setCssClass(): string;
+    addIcon(): void;
+    get filledIconName(): string;
+    get inlineIconName(): string;
+    get inlineIconFileName(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ui-icon", never, { "size": { "alias": "size"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "name": { "alias": "name"; "required": false; }; "color": { "alias": "color"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/icon/icon.component.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/common/http";
+export declare class IconComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconComponentModule, [typeof i1.IconComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.HttpClientModule], [typeof i1.IconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IconComponentModule>;
+}

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

@@ -0,0 +1,10 @@
+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", "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", "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", "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"];
+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", "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", "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", "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", "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", "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", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line"];
+export declare const groupedIcons: {
+    directional: string[];
+    assessment: string[];
+    status: string[];
+    social: string[];
+    actions: string[];
+    communication: string[];
+};

package/components/icon/icon.model.d.ts

@@ -0,0 +1,7 @@
+import { tgoIcons, tgoRebrandIcons } from './icon.config';
+type TgoIcons = typeof tgoIcons[number];
+type TgoRebrandIcons = typeof tgoRebrandIcons[number];
+export type IconSize = '16' | '24' | '40' | '80';
+export type IconName = TgoRebrandIcons | TgoIcons | '';
+export type IconColor = 'teal' | 'petrol' | 'dark' | 'white' | 'black' | 'inherit' | 'rebrand-black' | 'red' | 'grey' | 'orange' | string;
+export {};

package/components/icon-label/icon-label.component.d.ts

@@ -0,0 +1,39 @@
+import { OnInit } from '@angular/core';
+import { IconName, IconSize } from '../../components/icon/icon.model';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class IconLabelComponent implements OnInit {
+    private readonly defaultAppTheme;
+    /**
+     * Icon size
+     *
+     * @type {IconSize}
+     * @memberof IconLabelComponent
+     */
+    iconSize: IconSize;
+    /**
+     * Icon name
+     *
+     * @type {IconName}
+     * @memberof IconLabelComponent
+     */
+    iconName: IconName;
+    /**
+     * Label
+     *
+     * @memberof IconLabelComponent
+     */
+    text: string;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof IconLabelComponent
+     */
+    applicationTheme: ApplicationTheme;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconLabelComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconLabelComponent, "ui-icon-label", never, { "iconSize": { "alias": "iconSize"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/icon-label/icon-label.component.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon-label.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+export declare class IconLabelComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconLabelComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconLabelComponentModule, [typeof i1.IconLabelComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule], [typeof i1.IconLabelComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IconLabelComponentModule>;
+}

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

@@ -0,0 +1,57 @@
+import { LogoTypeEnum } from './logo.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class LogoComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Logo type
+     *
+     * @type {LogoTypeEnum}
+     * @memberof LogoComponent
+     */
+    type: LogoTypeEnum;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof LogoComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Label. Only for ppoweredby type
+     *
+     * @type {string}
+     * @memberof LogoComponent
+     */
+    label: string;
+    /**
+     * Set logo width
+     * @default 200
+     * @type {number}
+     * @memberof LogoComponent
+     */
+    set width(logoWidth: number);
+    logoWidth: number;
+    protected readonly LogoTypeEnum: typeof LogoTypeEnum;
+    /**
+     * @ignore
+     */
+    logoURL: String;
+    /**
+     * @ignore
+     */
+    setURL: () => void;
+    constructor(defaultAppTheme: ApplicationTheme);
+    /**
+     * @ignore
+     */
+    ngOnInit(): void;
+    /**
+     * @ignore
+     */
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoComponent, "ui-logo", never, { "type": { "alias": "type"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./logo.component";
+import * as i2 from "@angular/common";
+export declare class LogoComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LogoComponentModule, [typeof i1.LogoComponent], [typeof i2.NgIf], [typeof i1.LogoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LogoComponentModule>;
+}

package/components/logo/logo.model.d.ts

@@ -0,0 +1,29 @@
+export declare enum LogoTypeEnum {
+    DEFAULT = "default",
+    POWEREDBY = "poweredby",
+    REVERSE = "reverse",
+    PRIMARY_BRANDMARK_PINK = "primary-brandmark-pink",
+    PRIMARY_LOCKUP_PINK = "primary-lockup-pink",
+    PRIMARY_WORDMARK_PINK = "primary-wordmark-pink",
+    SECONDARY_BRANDMARK_BLACK = "secondary-brandmark-black",
+    SECONDARY_BRANDMARK_CREAM = "secondary-brandmark-cream",
+    SECONDARY_LOCKUP_BLACK = "secondary-lockup-black",
+    SECONDARY_LOCKUP_CREAM = "secondary-lockup-cream",
+    SECONDARY_WORDMARK_BLACK = "secondary-wordmark-black",
+    SECONDARY_WORDMARK_CREAM = "secondary-wordmark-cream"
+}
+export declare enum LogoPathEnum {
+    DEFAULT = "/images/testgorilla.svg",
+    POWEREDBY = "/images/poweredbyTG.svg",
+    REVERSE = "/images/reverseTG.svg",
+    PRIMARY_BRANDMARK_PINK = "/images/rebrand-logo/primary_brandmark_pink.svg",
+    PRIMARY_LOCKUP_PINK = "/images/rebrand-logo/primary_lockup_pink.svg",
+    PRIMARY_WORDMARK_PINK = "/images/rebrand-logo/primary_wordmark_pink.svg",
+    SECONDARY_BRANDMARK_BLACK = "/images/rebrand-logo/secondary_brandmark_black.svg",
+    SECONDARY_BRANDMARK_CREAM = "/images/rebrand-logo/secondary_brandmark_cream.svg",
+    SECONDARY_LOCKUP_BLACK = "/images/rebrand-logo/secondary_lockup_black.svg",
+    SECONDARY_LOCKUP_CREAM = "/images/rebrand-logo/secondary_lockup_cream.svg",
+    SECONDARY_WORDMARK_BLACK = "/images/rebrand-logo/secondary_wordmark_black.svg",
+    SECONDARY_WORDMARK_CREAM = "/images/rebrand-logo/secondary_wordmark_cream.svg",
+    REBRAND_POWEREDBY = "/images/rebrand-logo/powered-by.svg"
+}

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

@@ -0,0 +1,22 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { IRoute, MenuItem } from "../navbar.model";
+import * as i0 from "@angular/core";
+export declare class MobileNavbarSideSheetComponent {
+    routes: IRoute[];
+    activedRoute: string;
+    email: string;
+    userName: string;
+    menuItems: MenuItem[];
+    language: import("@testgorilla/tgo-ui").Language;
+    contentTemplateRef: TemplateRef<any>;
+    navigateEvent: EventEmitter<string>;
+    menuItemClicked: EventEmitter<string>;
+    logoutEvent: EventEmitter<void>;
+    protected readonly translationContext = "NAVBAR.";
+    isOpenSettings: 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; }; "language": { "alias": "language"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,113 @@
+import { DestroyRef, EventEmitter, TemplateRef } from '@angular/core';
+import { IRoute, MenuItem } from './navbar.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { SideSheetService } from '../side-sheet/side-sheet.service';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import * as i0 from "@angular/core";
+export declare class NavbarComponent {
+    private readonly breakpointObserver;
+    private readonly defaultAppTheme;
+    private sideSheetService;
+    private destroyRef;
+    /**
+     * Routes object
+     *
+     * @type {IRoute}
+     * @memberof NavbarComponent
+     * @ignore
+     */
+    routes: IRoute[];
+    /**
+     * Actived route id
+     *
+     * @type {string}
+     * @memberof NavbarComponent
+     */
+    activedRoute: string;
+    /**
+     * User first name and last name
+     *
+     * @type {string}
+     * @memberof NavbarComponent
+     */
+    userName: string;
+    /**
+     * User email
+     *
+     * @type {string}
+     * @memberof NavbarComponent
+     */
+    email: string;
+    /**
+     * Menu items to show in menu above the Log out button
+     *
+     * @type {string}
+     * @memberof NavbarComponent
+     */
+    menuItems: MenuItem[];
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof NavbarComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof NavbarComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * It's ng-content for mobile version
+     *
+     * @type {ApplicationTheme}
+     * @memberof NavbarComponent
+     */
+    contentTemplateRef: TemplateRef<any>;
+    /**
+     * Mobile breakpoint
+     * @tyoe {number}
+     * @memberof NavbarComponent
+     */
+    set mobileBreakpoint(value: number);
+    /**
+     *
+     * Show avatar with user initials
+     *
+     * @type {boolean}
+     * @memberof NavbarComponent
+     */
+    isAvatar: boolean;
+    /**
+     * @ignore
+     */
+    navigateEvent: EventEmitter<string>;
+    /**
+     * @ignore
+     */
+    menuItemClicked: EventEmitter<string>;
+    /**
+     * @ignore
+     */
+    logoutEvent: EventEmitter<void>;
+    protected readonly translationContext = "NAVBAR.";
+    private readonly _mobileBreakpoint$;
+    private readonly _tabletBreakpoint$;
+    private readonly mobileBreakpointObs$;
+    private readonly tabletBreakpointObs$;
+    protected readonly isMobile$: import("rxjs").Observable<boolean>;
+    protected readonly isTablet$: import("rxjs").Observable<boolean>;
+    protected isOpened: boolean;
+    constructor(breakpointObserver: BreakpointObserver, defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService, destroyRef: DestroyRef);
+    openMobileMenu(): void;
+    navigate(routeId: string): void;
+    logout(): void;
+    clickMenuItem(id: string): void;
+    onOpenChange(isOpened: boolean): void;
+    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; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, ["[actions]", "*"], false, never>;
+}

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

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./navbar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/toolbar";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/button";
+import * as i6 from "@angular/material/core";
+import * as i7 from "@angular/material/menu";
+import * as i8 from "../logo/logo.component.module";
+import * as i9 from "../icon/icon.component.module";
+import * as i10 from "../../pipes/ui-translate.pipe";
+import * as i11 from "../avatar/avatar.component.module";
+import * as i12 from "../side-sheet/side-sheet.component.module";
+import * as i13 from "../button/button.component.module";
+import * as i14 from "./mobile-navbar-side-sheet/mobile-navbar-side-sheet.component";
+export declare class NavbarComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarComponentModule, [typeof i1.NavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatRippleModule, typeof i7.MatMenuModule, typeof i8.LogoComponentModule, typeof i9.IconComponentModule, typeof i10.UiTranslatePipe, typeof i11.AvatarComponentModule, typeof i12.SideSheetComponentModule, typeof i13.ButtonComponentModule, typeof i14.MobileNavbarSideSheetComponent], [typeof i1.NavbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NavbarComponentModule>;
+}

package/components/navbar/navbar.model.d.ts

@@ -0,0 +1,10 @@
+import { IconName } from '../icon/icon.model';
+export interface IRoute {
+    id: string;
+    title: string;
+}
+export interface MenuItem {
+    id: string;
+    icon: IconName;
+    text: string;
+}

package/components/overflow-menu/overflow-menu.component.d.ts

@@ -0,0 +1,55 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { IconName } from '../icon/icon.model';
+import { OverflowMenuButtonsType } from './overflow-menu.model';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class OverflowMenuComponent implements OnInit {
+    private readonly defaultAppTheme;
+    /**
+     * Menu buttons
+     *
+     * @type {OverflowMenuButtonsType[]}
+     * @memberof OverflowMenuComponent
+     */
+    buttons: OverflowMenuButtonsType[];
+    /**
+     * Menu icon trigger
+     *
+     * @memberof OverflowMenuComponent
+     */
+    iconTrigger: IconName;
+    /**
+     * Label menu
+     *
+     * @memberof OverflowMenuComponent
+     */
+    menuLabel: string;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof OverflowMenuComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof OverflowMenuComponent
+     */
+    ariaLabel: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {boolean}
+     * @memberof OverflowMenuComponent
+     */
+    ariaRequired: boolean;
+    selectItem: EventEmitter<string>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    onSelectItem(event: Event, value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenuComponent, "ui-overflow-menu", never, { "buttons": { "alias": "buttons"; "required": false; }; "iconTrigger": { "alias": "iconTrigger"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "selectItem": "selectItem"; }, never, ["[menu-content]"], false, never>;
+}

package/components/overflow-menu/overflow-menu.component.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./overflow-menu.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.component.module";
+import * as i4 from "../icon/icon.component.module";
+import * as i5 from "@angular/material/menu";
+export declare class OverflowMenuComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OverflowMenuComponentModule, [typeof i1.OverflowMenuComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule, typeof i5.MatMenuModule], [typeof i1.OverflowMenuComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OverflowMenuComponentModule>;
+}

package/components/overflow-menu/overflow-menu.model.d.ts

@@ -0,0 +1,10 @@
+import { IconName } from '../icon/icon.model';
+import { TemplateRef } from '@angular/core';
+export type OverflowMenuButtonsType = {
+    icon: IconName;
+    label: string;
+    isDestructive?: boolean;
+    value: string;
+    disabled?: boolean;
+    btnTemplate?: TemplateRef<any>;
+};