@testgorilla/tgo-ui 0.0.22 → 0.0.24

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

@@ -1,15 +1,14 @@
 import { EventEmitter } from '@angular/core';
-import { ThemePalette } from '@angular/material/core';
-import { IconPositionOptions } from './button.model';
+import { ButtonColor, IconPositionOptions } from './button.model';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent {
     /**
      * Background color of the button while in active state
      *
-     * @type {ThemePalette}
+     * @type {ButtonColor}
      * @memberof ButtonComponent
      */
-    color: ThemePalette;
+    color: ButtonColor;
     /**
      * Text content to appear on the button
      *
@@ -42,7 +41,7 @@ export declare class ButtonComponent {
      */
     loading: boolean;
     /**
-     * If the button will have width 100%
+     * Indicator of the button width
      *
      * @memberof ButtonComponent
      */

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

@@ -1 +1,2 @@
 export declare type IconPositionOptions = 'left' | 'right' | undefined;
+export declare type ButtonColor = 'primary' | 'secondary' | 'tertiary';

package/components/create-account/create-account.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { CreateAccountCredentials } from './create-account.model';
+import { CreateAccountCredentials, Ii18nCreateAccount } from './create-account.model';
 import * as i0 from "@angular/core";
 export declare class CreateAccountComponent implements OnInit {
     private fb;
@@ -21,6 +21,13 @@ export declare class CreateAccountComponent implements OnInit {
      * @memberof ButtonComponent
      */
     loading: boolean;
+    /**
+     *
+     * @description Object with the translations for the component.
+     * @type {Ii18nCreateAccount}
+     * @memberof CreateAccountComponent
+     */
+    i18n: Ii18nCreateAccount;
     /**
      * @ignore
      */
@@ -38,5 +45,5 @@ export declare class CreateAccountComponent implements OnInit {
     login(): void;
     checkErrors(field: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreateAccountComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreateAccountComponent, "ui-create-account", never, { "formErrors": "formErrors"; "loading": "loading"; }, { "submitEvent": "submitEvent"; "loginEvent": "loginEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreateAccountComponent, "ui-create-account", never, { "formErrors": "formErrors"; "loading": "loading"; "i18n": "i18n"; }, { "submitEvent": "submitEvent"; "loginEvent": "loginEvent"; }, never, never>;
 }

package/components/create-account/create-account.component.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "../field/field.component.module";
 import * as i5 from "../button/button.component.module";
 import * as i6 from "@angular/material/checkbox";
 import * as i7 from "@angular-material-extensions/password-strength";
+import * as i8 from "../logo/logo.component.module";
 export declare class CreateAccountComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CreateAccountComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CreateAccountComponentModule, [typeof i1.CreateAccountComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatCheckboxModule, typeof i7.MatPasswordStrengthModule], [typeof i1.CreateAccountComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CreateAccountComponentModule, [typeof i1.CreateAccountComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatCheckboxModule, typeof i7.MatPasswordStrengthModule, typeof i8.LogoComponentModule], [typeof i1.CreateAccountComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CreateAccountComponentModule>;
 }

package/components/create-account/create-account.constant.d.ts

@@ -0,0 +1,10 @@
+export declare const CREATE_ACCOUNT_i18n: {
+    title: string;
+    subtitle: string;
+    email_placeholder: string;
+    password_placeholder: string;
+    terms_conditions: string;
+    button_label: string;
+    have_career_passport: string;
+    login: string;
+};

package/components/create-account/create-account.model.d.ts

@@ -2,3 +2,13 @@ export interface CreateAccountCredentials {
     username: string;
     password: string;
 }
+export interface Ii18nCreateAccount {
+    title: string;
+    subtitle: string;
+    email_placeholder: string;
+    password_placeholder: string;
+    terms_conditions: string;
+    button_label: string;
+    have_career_passport: string;
+    login: string;
+}

package/components/create-password/create-password.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { CreatePasswordCredentials } from './create-password.model';
+import { CreatePasswordCredentials, Ii18nCreatePassword } from './create-password.model';
 import * as i0 from "@angular/core";
 export declare class CreatePasswordComponent implements OnInit {
     private fb;
@@ -20,6 +20,13 @@ export declare class CreatePasswordComponent implements OnInit {
      * @memberof ButtonComponent
      */
     loading: boolean;
+    /**
+     *
+     * @description Object with the translations for the component.
+     * @type {Ii18nCreatePassword}
+     * @memberof CreatePasswordComponent
+     */
+    i18n: Ii18nCreatePassword;
     /**
      * @ignore
      */
@@ -32,5 +39,5 @@ export declare class CreatePasswordComponent implements OnInit {
     submit(): void;
     checkErrors(field: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreatePasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreatePasswordComponent, "ui-create-password", never, { "formErrors": "formErrors"; "loading": "loading"; }, { "submitEvent": "submitEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreatePasswordComponent, "ui-create-password", never, { "formErrors": "formErrors"; "loading": "loading"; "i18n": "i18n"; }, { "submitEvent": "submitEvent"; }, never, never>;
 }

package/components/create-password/create-password.component.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/forms";
 import * as i4 from "../field/field.component.module";
 import * as i5 from "../button/button.component.module";
 import * as i6 from "@angular-material-extensions/password-strength";
+import * as i7 from "../logo/logo.component.module";
 export declare class CreatePasswordComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CreatePasswordComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CreatePasswordComponentModule, [typeof i1.CreatePasswordComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatPasswordStrengthModule], [typeof i1.CreatePasswordComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CreatePasswordComponentModule, [typeof i1.CreatePasswordComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatPasswordStrengthModule, typeof i7.LogoComponentModule], [typeof i1.CreatePasswordComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CreatePasswordComponentModule>;
 }

package/components/create-password/create-password.constant.d.ts

@@ -0,0 +1,5 @@
+export declare const CREATE_PASSWORD_i18n: {
+    title: string;
+    password_placeholder: string;
+    button: string;
+};

package/components/create-password/create-password.model.d.ts

@@ -1,3 +1,8 @@
 export interface CreatePasswordCredentials {
     password: string;
 }
+export interface Ii18nCreatePassword {
+    title: string;
+    password_placeholder: string;
+    button: string;
+}

package/components/dialog/dialog.component.d.ts

@@ -0,0 +1,11 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { DialogConfig } from './dialog.model';
+import * as i0 from "@angular/core";
+export declare class DialogComponent {
+    data: DialogConfig;
+    dialogRef: MatDialogRef<DialogComponent>;
+    constructor(data: DialogConfig, dialogRef: MatDialogRef<DialogComponent>);
+    dismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dialog.component";
+import * as i2 from "./launch-dialog.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/dialog";
+import * as i6 from "@angular/material/button";
+import * as i7 from "../button/button.component.module";
+export declare class DialogComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DialogComponentModule, [typeof i1.DialogComponent, typeof i2.LaunchDialogComponent], [typeof i3.CommonModule, typeof i4.MatIconModule, typeof i5.MatDialogModule, typeof i6.MatButtonModule, typeof i7.ButtonComponentModule], [typeof i5.MatDialogModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DialogComponentModule>;
+}

package/components/dialog/dialog.model.d.ts

@@ -0,0 +1,4 @@
+export interface DialogConfig {
+    title?: string;
+    content?: string;
+}

package/components/dialog/dialog.service.d.ts

@@ -0,0 +1,13 @@
+import { ComponentType } from '@angular/cdk/portal';
+import { MatDialog, MatDialogConfig, MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class DialogService {
+    private matDialog;
+    /**
+     * Constructor
+     */
+    constructor(matDialog: MatDialog);
+    open(dialogComponent: ComponentType<any>, config?: MatDialogConfig): MatDialogRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
+}

package/components/dialog/launch-dialog.component.d.ts

@@ -0,0 +1,9 @@
+import { DialogService } from './dialog.service';
+import * as i0 from "@angular/core";
+export declare class LaunchDialogComponent {
+    private dialogService;
+    constructor(dialogService: DialogService);
+    openModal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LaunchDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LaunchDialogComponent, "ui-launch-dialog", never, {}, {}, never, never>;
+}

package/components/forgot-password/forgot-password.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { ForgotPasswordCredentials } from './forgot-password.model';
+import { ForgotPasswordCredentials, Ii18nForgotPassword } from './forgot-password.model';
 import * as i0 from "@angular/core";
 export declare class ForgotPasswordComponent implements OnInit {
     private fb;
@@ -20,6 +20,13 @@ export declare class ForgotPasswordComponent implements OnInit {
      * @memberof ButtonComponent
      */
     loading: boolean;
+    /**
+     *
+     * @description Object with the translations for the component.
+     * @type {Ii18nForgotPassword}
+     * @memberof ForgotPasswordComponent
+     */
+    i18n: Ii18nForgotPassword;
     /**
      * @ignore
      */
@@ -37,5 +44,5 @@ export declare class ForgotPasswordComponent implements OnInit {
     backToLogin(): void;
     checkErrors(field: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ForgotPasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ForgotPasswordComponent, "ui-forgot-password", never, { "formErrors": "formErrors"; "loading": "loading"; }, { "submitEvent": "submitEvent"; "backToLoginEvent": "backToLoginEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ForgotPasswordComponent, "ui-forgot-password", never, { "formErrors": "formErrors"; "loading": "loading"; "i18n": "i18n"; }, { "submitEvent": "submitEvent"; "backToLoginEvent": "backToLoginEvent"; }, never, never>;
 }

package/components/forgot-password/forgot-password.component.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/forms";
 import * as i4 from "../field/field.component.module";
 import * as i5 from "../button/button.component.module";
 import * as i6 from "@angular/material/icon";
+import * as i7 from "../logo/logo.component.module";
 export declare class ForgotPasswordComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ForgotPasswordComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ForgotPasswordComponentModule, [typeof i1.ForgotPasswordComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatIconModule], [typeof i1.ForgotPasswordComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ForgotPasswordComponentModule, [typeof i1.ForgotPasswordComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatIconModule, typeof i7.LogoComponentModule], [typeof i1.ForgotPasswordComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ForgotPasswordComponentModule>;
 }

package/components/forgot-password/forgot-password.constant.d.ts

@@ -0,0 +1,6 @@
+export declare const FORGOT_PASSWORD_i18n: {
+    title: string;
+    email_placeholder: string;
+    button_label: string;
+    back_to_login: string;
+};

package/components/forgot-password/forgot-password.model.d.ts

@@ -1,3 +1,9 @@
 export interface ForgotPasswordCredentials {
     email: string;
 }
+export interface Ii18nForgotPassword {
+    title: string;
+    email_placeholder: string;
+    button_label: string;
+    back_to_login: string;
+}

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

@@ -0,0 +1,39 @@
+import { LabelSizeEnum } from './label.model';
+import * as i0 from "@angular/core";
+export declare class LabelComponent {
+    /**
+     * @ignore
+     */
+    LabelSizeEnum: typeof LabelSizeEnum;
+    /**
+     * Label background color
+     *
+     * @type {string}
+     * @memberof LabelComponent
+     */
+    backgroundColor: string;
+    /**
+     * Status text color
+     *
+     * @type {string}
+     * @memberof LabelComponent
+     */
+    textColor: string;
+    /**
+     * Status title
+     *
+     * @type {string}
+     * @memberof LabelComponent
+     */
+    title: string;
+    /**
+     * Label size
+     *
+     * @type {LabelSizeEnum}
+     * @memberof LabelComponent
+     */
+    size: LabelSizeEnum;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "ui-label", never, { "backgroundColor": "backgroundColor"; "textColor": "textColor"; "title": "title"; "size": "size"; }, {}, never, never>;
+}

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

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

package/components/label/label.model.d.ts

@@ -0,0 +1,16 @@
+export interface ILabelOptions {
+    [key: string]: ILabelOptionItem;
+}
+export interface ILabelOptionItem {
+    title: string;
+    textColor: string;
+    backgroundColor: string;
+    size: LabelSizeEnum;
+}
+export declare enum LabelSizeEnum {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    BIG = "big",
+    HUGE = "huge"
+}

package/components/login/login.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { FormBuilder } from '@angular/forms';
-import { LoginCredentials } from './login.model';
+import { Ii18nLogin, LoginCredentials } from './login.model';
 import * as i0 from "@angular/core";
 export declare class LoginComponent implements OnInit {
     private fb;
@@ -21,6 +21,12 @@ export declare class LoginComponent implements OnInit {
      * @memberof ButtonComponent
      */
     loading: boolean;
+    /**
+     * @description Object with the translations for the component.
+     * @type {Ii18n}
+     * @memberof LoginComponent
+     */
+    i18n: Ii18nLogin;
     /**
      * @ignore
      */
@@ -43,5 +49,5 @@ export declare class LoginComponent implements OnInit {
     createAccount(): void;
     checkErrors(field: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "ui-login", never, { "loading": "loading"; }, { "submitEvent": "submitEvent"; "forgotPasswordEvent": "forgotPasswordEvent"; "createAccountEvent": "createAccountEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "ui-login", never, { "loading": "loading"; "i18n": "i18n"; }, { "submitEvent": "submitEvent"; "forgotPasswordEvent": "forgotPasswordEvent"; "createAccountEvent": "createAccountEvent"; }, never, never>;
 }

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

@@ -5,8 +5,9 @@ import * as i3 from "@angular/forms";
 import * as i4 from "../field/field.component.module";
 import * as i5 from "../button/button.component.module";
 import * as i6 from "@angular/material/checkbox";
+import * as i7 from "../logo/logo.component.module";
 export declare class LoginComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LoginComponentModule, [typeof i1.LoginComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatCheckboxModule], [typeof i1.LoginComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoginComponentModule, [typeof i1.LoginComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.FieldComponentModule, typeof i5.ButtonComponentModule, typeof i6.MatCheckboxModule, typeof i7.LogoComponentModule], [typeof i1.LoginComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LoginComponentModule>;
 }

package/components/login/login.constant.d.ts

@@ -0,0 +1,9 @@
+export declare const LOGIN_i18n: {
+    title: string;
+    email_placeholder: string;
+    password_placeholder: string;
+    remember_me: string;
+    forgot_password: string;
+    not_have_account: string;
+    create_account: string;
+};

package/components/login/login.model.d.ts

@@ -3,3 +3,12 @@ export interface LoginCredentials {
     password: string;
     remember_me: boolean;
 }
+export interface Ii18nLogin {
+    title: string;
+    email_placeholder: string;
+    password_placeholder: string;
+    remember_me: string;
+    forgot_password: string;
+    not_have_account: string;
+    create_account: string;
+}

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

@@ -6,8 +6,9 @@ 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";
 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 i1.NavbarComponent]>;
+    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 i1.NavbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavbarComponentModule>;
 }

package/components/navigation/navigation.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { IStatusOptionItem } from '../status/status.model';
+import { ILabelOptionItem } from '../label/label.model';
 import * as i0 from "@angular/core";
 export declare class NavigationComponent {
     /**
@@ -19,11 +19,11 @@ export declare class NavigationComponent {
     /**
      * Navigation status component
      *
-     * @type {IStatusOptionItem}
+     * @type {ILabelOptionItem}
      * @memberof NavigationComponent
      * @ignore
      */
-    statusItem: IStatusOptionItem;
+    labelItem: ILabelOptionItem;
     /**
      * @ignore
      */
@@ -31,5 +31,5 @@ export declare class NavigationComponent {
     constructor();
     goBackClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ui-navigation", never, { "title": "title"; "subtitle": "subtitle"; "statusItem": "statusItem"; }, { "goBackClickedEvent": "goBackClickedEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "ui-navigation", never, { "title": "title"; "subtitle": "subtitle"; "labelItem": "labelItem"; }, { "goBackClickedEvent": "goBackClickedEvent"; }, never, never>;
 }

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

@@ -3,9 +3,9 @@ import * as i1 from "./navigation.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/icon";
 import * as i4 from "@angular/material/button";
-import * as i5 from "../status/status.component.module";
+import * as i5 from "../label/label.component.module";
 export declare class NavigationComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationComponentModule, [typeof i1.NavigationComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.StatusComponentModule], [typeof i1.NavigationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavigationComponentModule, [typeof i1.NavigationComponent], [typeof i2.CommonModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.LabelComponentModule], [typeof i1.NavigationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavigationComponentModule>;
 }

package/components/table/directives/dynamic-component.directive.d.ts

@@ -0,0 +1,13 @@
+import { OnDestroy, ViewContainerRef } from '@angular/core';
+import { IComponentRenderer } from '../table.model';
+import * as i0 from "@angular/core";
+export declare class DynamicComponentDirective implements OnDestroy {
+    private vcr;
+    private subscription;
+    private compRef;
+    set dynamicComponent(componentRenderer: IComponentRenderer);
+    constructor(vcr: ViewContainerRef);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicComponentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicComponentDirective, "[dynamicComponent]", never, { "dynamicComponent": "dynamicComponent"; }, {}, never>;
+}

package/components/table/table.component.d.ts

@@ -1,9 +1,8 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { MatSort, Sort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
-import { DataPropertyGetterPipe } from '../../shared/pipes/dataPropertyGetter';
-import { IStatusOptions } from '../status/status.model';
-import { ColumnType, IDataSource, ITableColumn, ITableDetailColumn } from './table.model';
+import { DataPropertyGetterPipe } from './pipes/data-property-getter';
+import { ColumnTypeEnum, IDataSource, ITableColumn, ITableDetailColumn } from './table.model';
 import * as i0 from "@angular/core";
 export declare class TableComponent<T extends IDataSource, TDetail extends IDataSource> implements OnInit {
     private dataPropertyGetterPipe;
@@ -18,6 +17,7 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
     /**
      * Data to be rendered
      *
+     * @ignore
      * @type {IDataSource}
      * @memberof TableComponent
      */
@@ -36,12 +36,6 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
      * @memberof TableComponent
      */
     tableDetailColumns: ITableDetailColumn<T, TDetail>;
-    /**
-     * @type {IStatusOptions}
-     * @memberof TableComponent
-     * @ignore
-     */
-    statusOptions: IStatusOptions;
     /**
      * @ignore
      */
@@ -77,7 +71,7 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
     /**
      * @ignore
      */
-    DataType: typeof ColumnType;
+    DataType: typeof ColumnTypeEnum;
     ngOnInit(): void;
     constructor(dataPropertyGetterPipe: DataPropertyGetterPipe);
     onSort(sortParams: Sort): void;
@@ -93,5 +87,5 @@ export declare class TableComponent<T extends IDataSource, TDetail extends IData
      */
     private setTableDetailDataSource;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "tableDetails": "tableDetails"; "tableData": "tableData"; "tableColumns": "tableColumns"; "tableDetailColumns": "tableDetailColumns"; "statusOptions": "statusOptions"; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "tableDetails": "tableDetails"; "tableData": "tableData"; "tableColumns": "tableColumns"; "tableDetailColumns": "tableDetailColumns"; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never>;
 }

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

@@ -1,12 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./table.component";
-import * as i2 from "../../shared/pipes/dataPropertyGetter";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/table";
-import * as i5 from "@angular/material/sort";
-import * as i6 from "../status/status.component.module";
+import * as i2 from "./pipes/data-property-getter";
+import * as i3 from "./directives/dynamic-component.directive";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/material/table";
+import * as i6 from "@angular/material/sort";
 export declare class TableComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.DataPropertyGetterPipe], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatSortModule, typeof i6.StatusComponentModule], [typeof i1.TableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.DataPropertyGetterPipe, typeof i3.DynamicComponentDirective], [typeof i4.CommonModule, typeof i5.MatTableModule, typeof i6.MatSortModule], [typeof i1.TableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
 }

package/components/table/table.model.d.ts

@@ -1,14 +1,22 @@
+import { Type } from '@angular/core';
 export declare type IDataSource = {
     [key: string]: any;
 };
 export interface ITableColumn<T> {
     headerName: string;
     field?: string;
-    type?: ColumnType;
+    type?: ColumnTypeEnum;
     function?: (v: T) => string;
-    renderer?: (v: T) => string;
+    renderer?: (v: T) => IComponentRenderer | string;
     sortable?: boolean;
-    styles?: ColumnStyles;
+    styles?: IColumnStyles;
+}
+export interface IComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
 }
 export interface IDetailRowDataParams<T, TDetail> {
     data: T;
@@ -18,17 +26,18 @@ export interface ITableDetailColumn<T, TDetail> {
     columnDefs: ITableColumn<TDetail>[];
     setDetailRowData: (params: IDetailRowDataParams<T, TDetail>) => void;
 }
-export interface ColumnStyles {
-    alignment?: ColumnAlignment;
+export interface IColumnStyles {
+    alignment?: ColumnAlignmentEnum;
     width?: string;
+    'min-width'?: string;
+    padding?: string;
 }
-export declare enum ColumnType {
+export declare enum ColumnTypeEnum {
     FIELD = "field",
-    LABEL = "label",
     FUNCTION = "function",
     RENDERER = "renderer"
 }
-export declare enum ColumnAlignment {
+export declare enum ColumnAlignmentEnum {
     LEFT = "left",
     RIGHT = "right",
     CENTER = "center"