@testgorilla/tgo-ui 1.4.0 → 1.6.0

package/components/autocomplete/autocomplete.component.d.ts

@@ -1,9 +1,8 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { MatFormField } from '@angular/material/form-field';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ReplaySubject } from 'rxjs';
-import { Autocomplete, AutocompleteType } from './autocomplete.model';
+import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
 import * as i0 from "@angular/core";
 export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
     /**
@@ -66,10 +65,17 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @memberof AutocompleteComponent
      */
     minCharactersSearch: number;
+    /**
+     * @property variant
+     * @description The variant of Autocomplete
+     * @memberof AutocompleteComponent
+     */
+    variant: DropdownVariation;
     selectionChange: EventEmitter<any>;
     searchTextChange: EventEmitter<string>;
-    matFormFieldElement: MatFormField;
+    formFieldElement: ElementRef<HTMLElement>;
     tagContainer: ElementRef<HTMLElement>;
+    autocomplete: MatAutocompleteTrigger;
     private readonly cdr;
     protected value: any;
     protected inputValue: any;
@@ -93,7 +99,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: any): void;
     protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
-    protected onOptionRemoved(input: any, option: any): void;
+    protected onOptionRemoved(option: any): void;
     protected onInputChange(event: Event): void;
     protected onClear(): void;
     protected refillInput(): void;
@@ -102,6 +108,9 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     private onUpdate;
     private initValue;
     private addNewValue;
+    protected get isDropdown(): boolean;
+    protected onChevronClick(autocomplete: MatAutocomplete): void;
+    protected get inputWidth(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
 }

package/components/autocomplete/autocomplete.model.d.ts

@@ -5,9 +5,14 @@ export declare enum Autocomplete {
     LARGE = "large"
 }
 export declare enum Padding {
-    AUTOCOMPLETE_CONTAINER = 80
+    AUTOCOMPLETE_CONTAINER = 30,
+    DROPDOWN_CONTAINER = 60
 }
 export declare enum Timeout {
-    VIEW_INITIALIZED_AFTER_ACTION = 20,
+    VIEW_INITIALIZED_AFTER_ACTION = 150,
     VIEW_INITIALIZED_COMPONENT_LOAD = 600
 }
+export declare enum DropdownVariation {
+    AUTOCOMPLETE = "autocomplete",
+    DROPDOWN = "dropdown"
+}

package/components/avatar/avatar.component.d.ts

@@ -28,21 +28,20 @@ export declare class AvatarComponent {
      */
     tooltipText: string;
     /**
-     * Input property that makes avatar clickable.
+     * Input property that makes avatar editable.
      * @type {boolean}
      * @memberof AvatarComponent
      */
-    allowClick: boolean;
+    allowEdit: boolean;
     /**
-     * Event emitted when the avatar is clicked.
-     * @type {void}
+     * Event emitted when the edit button is clicked.
+     * @type {Event}
      * @memberof AvatarComponent
      */
-    avatarClick: EventEmitter<void>;
-    protected iconSize: Record<string, import("@testgorilla/tgo-ui").IconSize>;
-    protected avatarSize: typeof AvatarSize;
-    protected onAvatarClick(): void;
-    get clickAllowance(): string;
+    editClick: EventEmitter<Event>;
+    protected readonly iconSize: Record<string, import("@testgorilla/tgo-ui").IconSize>;
+    protected readonly avatarSize: typeof AvatarSize;
+    protected onEditClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ui-avatar", never, { "size": { "alias": "size"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "allowClick": { "alias": "allowClick"; "required": false; }; }, { "avatarClick": "avatarClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ui-avatar", never, { "size": { "alias": "size"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "allowEdit": { "alias": "allowEdit"; "required": false; }; }, { "editClick": "editClick"; }, never, never, false, never>;
 }

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

@@ -4,8 +4,9 @@ import * as i2 from "../../pipes/name-initials.pipe";
 import * as i3 from "@angular/common";
 import * as i4 from "../icon/icon.component.module";
 import * as i5 from "@angular/material/tooltip";
+import * as i6 from "../button/button.component.module";
 export declare class AvatarComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarComponentModule, [typeof i1.AvatarComponent, typeof i2.NameInitialsPipe], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.MatTooltipModule], [typeof i1.AvatarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarComponentModule, [typeof i1.AvatarComponent, typeof i2.NameInitialsPipe], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.MatTooltipModule, typeof i6.ButtonComponentModule], [typeof i1.AvatarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AvatarComponentModule>;
 }

package/components/badge/badge.component.d.ts

@@ -21,7 +21,7 @@ export declare class BadgeComponent {
      */
     color: BadgeColor;
     /**
-     * The variant of the badge. Defaults to 'notification'.
+     * The variant of the badge. Defaults to 'primary'.
      * @type {BadgeVariant}
      * @memberof BadgeComponent
      */

package/components/banner-action/banner-action.component.d.ts

@@ -1,52 +1,68 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { IconName } from '../../components/icon/icon.model';
-import { AlertBarType } from '../../utils/alert-bar.model';
+import { IconName } from '../icon/icon.model';
+import { BannerActionType, BannerProgress, BannerType } from './banner-action.model';
 import * as i0 from "@angular/core";
 export declare class BannerActionComponent implements OnInit {
     /**
      * BannerAction text
-     *
+     * @type {string}
      * @memberof BannerActionComponent
      */
     message?: string | undefined;
     /**
      * BannerAction type
-     *
-     * @type {AlertBarType}
+     * @type {BannerActionType}
      * @memberof BannerActionComponent
      */
-    bannerActionType: AlertBarType;
+    bannerActionType: BannerActionType;
     /**
      * BannerAction button label
-     *
+     * @type {string}
      * @memberof BannerActionComponent
      */
     buttonText: string;
     /**
      * Static or fixed position
-     *
-     * @memberof AlertBannerComponent
+     * @type {boolean}
+     * @memberof BannerActionComponent
      */
     fixed: boolean;
     /**
      * Full width for alert banner
-     *
-     * @memberof AlertBannerComponent
+     * @type {boolean}
+     * @memberof BannerActionComponent
      */
     fullWidth: boolean;
     /**
      * BannerAction button icon
-     *
+     * @type {IconName}
      * @memberof BannerActionComponent
      */
     buttonIcon: IconName;
-    buttonClickEvent: EventEmitter<Event>;
+    /**
+     * BannerAction icon
+     * @type {IconName}
+     * @memberof BannerActionComponent
+     */
     iconName: IconName;
-    position: string;
-    cssClass: string;
-    constructor();
-    buttonClick(event: Event): void;
+    /**
+     * BannerAction title
+     * @type {string}
+     * @memberof BannerActionComponent
+     */
+    title: string;
+    /**
+     * Event emitted when the banner button is clicked.
+     * @type {EventEmitter<Event>}
+     * @memberof BannerActionComponent
+     */
+    buttonClickEvent: EventEmitter<Event>;
+    protected position: string;
+    protected cssClass: string;
+    protected readonly bannerType: typeof BannerType;
+    protected readonly BannerProgress: typeof BannerProgress;
     ngOnInit(): void;
+    protected buttonClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BannerActionComponent, "ui-banner-action", never, { "message": { "alias": "message"; "required": false; }; "bannerActionType": { "alias": "bannerActionType"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BannerActionComponent, "ui-banner-action", never, { "message": { "alias": "message"; "required": false; }; "bannerActionType": { "alias": "bannerActionType"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; }, never, never, false, never>;
 }

package/components/banner-action/banner-action.component.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./banner-action.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 "../radial-progress/radial-progress.component.module";
 export declare class BannerActionComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerActionComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BannerActionComponentModule, [typeof i1.BannerActionComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule], [typeof i1.BannerActionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BannerActionComponentModule, [typeof i1.BannerActionComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule, typeof i5.RadialProgressComponentModule], [typeof i1.BannerActionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BannerActionComponentModule>;
 }

package/components/banner-action/banner-action.model.d.ts

@@ -0,0 +1,15 @@
+export type BannerActionType = 'success' | 'error' | 'info' | 'warning' | 'not-started' | 'incomplete' | 'body-text';
+export declare enum BannerType {
+    SUCCESS = "success",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    NOT_STARTED = "not-started",
+    INCOMPLETE = "incomplete",
+    BODY_TEXT = "body-text"
+}
+export declare enum BannerProgress {
+    NOT_STARTED = 0,
+    INCOMPLETE = 75,
+    TOTAL = 100
+}

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, EventEmitter, OnInit, SimpleChanges } from '@angular/core';
 import { IconName } from '../../components/icon/icon.model';
-import { ButtonColor, ButtonIconPosition, ButtonSize, LinkUrlTarget } from './button.model';
+import { ButtonColor, ButtonIconPosition, ButtonSize, ButtonType, IconButtonSize, LinkUrlTarget } from './button.model';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent implements OnInit, AfterViewInit {
     /**
@@ -16,7 +16,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
      * @type {ButtonColor}
      * @memberof ButtonComponent
      */
-    type: ButtonColor;
+    variant: ButtonColor;
     /**
      * Text content to appear on the button
      *
@@ -87,12 +87,30 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
      * @memberof ButtonComponent
      */
     tooltip: string;
+    /**
+     * @property isPremium
+     * @description The icon that is displayed for Premium button
+     * @type {boolean}
+     * @memberof ButtonComponent
+     */
+    isPremium: boolean;
+    /**
+     * The type of the button.
+     *
+     * @type {ButtonType}
+     * @memberof ButtonComponent
+     * @default 'button'
+     */
+    type: ButtonType;
     buttonClickEvent: EventEmitter<Event>;
     buttonHoverEvent: EventEmitter<Event>;
     constructor();
     classCss: string;
     isButtonLink: boolean;
     isLabel: boolean;
+    iconButtonSize: IconButtonSize;
+    allowButtonTypeForPremium: ButtonColor[];
+    get typeIncluded(): boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -102,6 +120,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
     setCssClass(): string;
     showSpinner(): boolean;
     showButtonLink(): boolean;
+    setIconButtonSize(): IconButtonSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
 }

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

@@ -2,3 +2,5 @@ export type ButtonIconPosition = 'left' | 'right';
 export type ButtonColor = 'primary' | 'secondary' | 'outlined' | 'destructive' | 'tertiary' | 'link' | 'tab' | 'text' | 'menuTrigger' | 'menuCell' | 'icon-button';
 export type ButtonSize = 'big' | 'small';
 export type LinkUrlTarget = '' | '_self' | '_blank' | '_parent' | '_top';
+export type IconButtonSize = '32' | '40';
+export type ButtonType = 'button' | 'submit' | 'reset';

package/components/deprecated-paginator/deprecated-paginator.component.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { PageEvent } from '@angular/material/paginator';
+import * as i0 from "@angular/core";
+export declare class DeprecatedPaginatorComponent implements OnInit {
+    /**
+     * Paginator size options
+     *
+     * @type {number[]}
+     * @memberof PaginatorComponent
+     */
+    readonly pageSizeOptions: number[];
+    /**
+     * Data length
+     *
+     * @type {number}
+     * @memberof PaginatorComponent
+     */
+    length: number;
+    /**
+     * Default page size
+     *
+     * @type {number}
+     * @memberof PaginatorComponent
+     */
+    defaultPageSize: number;
+    /**
+     * @ignore
+     */
+    paginatorChangedEvent: EventEmitter<PageEvent>;
+    /**
+     * @ignore
+     */
+    ngOnInit(): void;
+    constructor();
+    paginatorChanged(paginator: PageEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedPaginatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeprecatedPaginatorComponent, "ui-paginator", never, { "length": { "alias": "length"; "required": false; }; "defaultPageSize": { "alias": "defaultPageSize"; "required": false; }; }, { "paginatorChangedEvent": "paginatorChangedEvent"; }, never, never, false, never>;
+}

package/components/deprecated-paginator/deprecated-paginator.component.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./deprecated-paginator.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/paginator";
+export declare class DeprecatedPaginatorComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedPaginatorComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DeprecatedPaginatorComponentModule, [typeof i1.DeprecatedPaginatorComponent], [typeof i2.CommonModule, typeof i3.MatPaginatorModule], [typeof i1.DeprecatedPaginatorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DeprecatedPaginatorComponentModule>;
+}

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

@@ -0,0 +1,91 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { MatSort, Sort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
+import { DataPropertyGetterPipe } from './pipes/data-property-getter';
+import { ColumnTypeEnum, IDataSource, ITableColumn, ITableDetailColumn } from './deprecated-table.model';
+import * as i0 from "@angular/core";
+export declare class DeprecatedTableComponent<T extends IDataSource, TDetail extends IDataSource> implements OnInit {
+    private dataPropertyGetterPipe;
+    /**
+     * @ignore
+     */
+    set matSort(matSort: MatSort);
+    /**
+     * @ignore
+     */
+    tableDetails: boolean;
+    /**
+     * Data to be rendered
+     *
+     * @ignore
+     * @type {IDataSource}
+     * @memberof TableComponent
+     */
+    set tableData(data: T[] | null);
+    /**
+     * Data structure to select which columns should be rendered and their capabilities
+     *
+     * @type {ITableColumn}
+     * @memberof TableComponent
+     */
+    tableColumns: ITableColumn<T>[];
+    /**
+     * Data structure to select which columns should be rendered and their capabilities
+     *
+     * @type {ITableColumn}
+     * @memberof TableComponent
+     */
+    tableDetailColumns: ITableDetailColumn<T, TDetail>;
+    /**
+     * @ignore
+     */
+    onSortEvent: EventEmitter<Sort>;
+    /**
+     * @ignore
+     */
+    onRowClickEvent: EventEmitter<any>;
+    /**
+     * @ignore
+     */
+    onDetailRowClickEvent: EventEmitter<any>;
+    /**
+     * @ignore
+     */
+    dataSource: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
+    /**
+     * @ignore
+     */
+    dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
+    /**
+     * @ignore
+     */
+    elementDetail: any;
+    /**
+     * @ignore
+     */
+    columnsToDisplay: string[];
+    /**
+     * @ignore
+     */
+    columnsDetailToDisplay: string[];
+    /**
+     * @ignore
+     */
+    DataType: typeof ColumnTypeEnum;
+    ngOnInit(): void;
+    constructor(dataPropertyGetterPipe: DataPropertyGetterPipe);
+    onSort(sortParams: Sort): void;
+    onRowClick(rowParams: any): void;
+    onDetailRowClick(rowParams: any): void;
+    toggleRow(element: T): void;
+    /**
+     * @ignore
+     */
+    private setTableDataSource;
+    /**
+     * @ignore
+     */
+    private setTableDetailDataSource;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedTableComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DeprecatedTableComponent<any, any>, "ui-deprecated-table", never, { "tableDetails": { "alias": "tableDetails"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "tableColumns": { "alias": "tableColumns"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; }, { "onSortEvent": "onSortEvent"; "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./deprecated-table.component";
+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";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/tooltip";
+export declare class DeprecatedTableComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedTableComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DeprecatedTableComponentModule, [typeof i1.DeprecatedTableComponent, typeof i2.DataPropertyGetterPipe, typeof i3.DynamicComponentDirective], [typeof i4.CommonModule, typeof i5.MatTableModule, typeof i6.MatSortModule, typeof i7.MatIconModule, typeof i8.MatTooltipModule], [typeof i1.DeprecatedTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DeprecatedTableComponentModule>;
+}

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

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

package/components/{table → deprecated-table}/directives/dynamic-component.directive.d.ts

@@ -1,5 +1,5 @@
 import { OnDestroy, ViewContainerRef } from '@angular/core';
-import { IComponentRenderer } from '../table.model';
+import { IComponentRenderer } from '../deprecated-table.model';
 import * as i0 from "@angular/core";
 export declare class DynamicComponentDirective implements OnDestroy {
     private vcr;

package/components/empty-state/empty-state.component.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter } from '@angular/core';
+import { IconName } from '../icon/icon.model';
+import * as i0 from "@angular/core";
+export declare class EmptyStateComponent {
+    /**
+     * @description If the default image should be displayed.
+     * @type {boolean}
+     * @memberof EmptyStateComponent
+     */
+    showDefaultImg: boolean;
+    /**
+     * @description The icon to be displayed in the empty state.
+     * @type {IconName}
+     * @memberof EmptyStateComponent
+     */
+    icon: IconName;
+    /**
+     * @description The title of the empty state.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    title: string;
+    /**
+     * @description The body text or description of the empty state.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    bodyText: string;
+    /**
+     * @description Displays primary button if passed.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    primaryButtonText: string;
+    /**
+     * @description Displays secondary button if passed.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    secondaryButtonText: string;
+    /**
+     * @description Displays tertiary button if passed.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    tertiaryButtonText: string;
+    /**
+     * Event triggered when the primary button is clicked.
+     * @type {Event}
+     * @event
+     * @memberof TagComponent
+     */
+    primaryButtonClick: EventEmitter<Event>;
+    /**
+     * Event triggered when the secondary button is clicked.
+     * @type {Event}
+     * @event
+     * @memberof TagComponent
+     */
+    secondaryButtonClick: EventEmitter<Event>;
+    /**
+     * Event triggered when the tertiary button is clicked.
+     * @type {Event}
+     * @event
+     * @memberof TagComponent
+     */
+    tertiaryButtonClick: EventEmitter<Event>;
+    onPrimaryButtonClick(event: Event): void;
+    onSecondaryButtonClick(event: Event): void;
+    onTertiaryButtonClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showDefaultImg": { "alias": "showDefaultImg"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; }, never, never, false, never>;
+}

package/components/empty-state/empty-state.component.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./empty-state.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+import * as i4 from "@ngneat/transloco";
+import * as i5 from "../button/button.component.module";
+export declare class EmptyStateComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EmptyStateComponentModule, [typeof i1.EmptyStateComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i2.NgOptimizedImage, typeof i4.TranslocoModule, typeof i5.ButtonComponentModule], [typeof i1.EmptyStateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EmptyStateComponentModule>;
+}

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

@@ -1,8 +1,12 @@
 import { OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FieldType } from '../../components/field/field.model';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class FieldComponent implements OnInit, ControlValueAccessor {
+    private matIconRegistry;
+    private domSanitizer;
     class: string;
     /**
      * Form field label
@@ -97,8 +101,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
      * @ignore
      */
     onTouch: () => void;
-    constructor();
-    showSearch: boolean;
+    constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer);
     showClose: boolean;
     showPassword: boolean;
     currentType: string;

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

@@ -7,8 +7,9 @@ import * as i5 from "@angular/material/input";
 import * as i6 from "../icon/icon.component.module";
 import * as i7 from "@angular/forms";
 import * as i8 from "../button/button.component.module";
+import * as i9 from "@angular/material/icon";
 export declare class FieldComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof i1.FieldComponent, typeof i2.DigitsOnlyDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.ButtonComponentModule], [typeof i1.FieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof i1.FieldComponent, typeof i2.DigitsOnlyDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.ButtonComponentModule, typeof i9.MatIconModule], [typeof i1.FieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FieldComponentModule>;
 }