@testgorilla/tgo-ui 1.5.0 → 1.6.0

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/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, IconButtonSize, 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,6 +87,21 @@ 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();
@@ -94,6 +109,8 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
     isButtonLink: boolean;
     isLabel: boolean;
     iconButtonSize: IconButtonSize;
+    allowButtonTypeForPremium: ButtonColor[];
+    get typeIncluded(): boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -105,5 +122,5 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
     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

@@ -3,3 +3,4 @@ export type ButtonColor = 'primary' | 'secondary' | 'outlined' | 'destructive' |
 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/paginator/paginator.component.d.ts

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

package/components/skeleton/skeleton.component.d.ts

@@ -0,0 +1,9 @@
+import { NgxSkeletonLoaderConfig, NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
+import * as i0 from "@angular/core";
+export declare class SkeletonComponent {
+    count: number | string;
+    theme: NgxSkeletonLoaderConfigTheme;
+    appearance: NgxSkeletonLoaderConfig['appearance'];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ui-skeleton", never, { "count": { "alias": "count"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/snackbar/snackbar.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { OnInit } from '@angular/core';
 import { MatSnackBarRef } from '@angular/material/snack-bar';
 import { IconName } from '../../components/icon/icon.model';
@@ -51,7 +50,7 @@ export declare class SnackbarComponent implements OnInit {
     showSnackbar: boolean;
     milisenconds: number;
     visible: boolean;
-    timer?: NodeJS.Timer;
+    timer?: number;
     timerStartedAt: number;
     timerPausedAt: number;
     position: string;

package/components/table/ellipse-text.directive.d.ts

@@ -0,0 +1,16 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Checks if element ellipsis
+ */
+export declare class EllipseTextDirective implements OnInit {
+    private el;
+    checkEllipsis$: Subject<void>;
+    onChangeTextState: EventEmitter<boolean>;
+    resize(): void;
+    constructor(el: ElementRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EllipseTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, {}, { "onChangeTextState": "onChangeTextState"; }, never, never, false, never>;
+}

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

@@ -1,91 +1,42 @@
-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 './table.model';
+import { EventEmitter } from '@angular/core';
+import { ColumnEllipse, TableConfig, TableConfigWithPagination, TableData } from './table.model';
+import { PageEvent } from '@angular/material/paginator';
 import * as i0 from "@angular/core";
-export declare class TableComponent<T extends IDataSource, TDetail extends IDataSource> implements OnInit {
-    private dataPropertyGetterPipe;
+export declare class TableComponent {
     /**
-     * @ignore
-     */
-    set matSort(matSort: MatSort);
-    /**
-     * @ignore
-     */
-    tableDetails: boolean;
-    /**
-     * Data to be rendered
+     * Table configuration
      *
-     * @ignore
-     * @type {IDataSource}
+     * @type {TableConfig}
      * @memberof TableComponent
      */
-    set tableData(data: T[] | null);
+    set config(config: TableConfig);
     /**
-     * Data structure to select which columns should be rendered and their capabilities
+     * Input property for providing the table data.
      *
-     * @type {ITableColumn}
+     * @type {TableData}
      * @memberof TableComponent
      */
-    tableColumns: ITableColumn<T>[];
+    data: TableData;
     /**
-     * Data structure to select which columns should be rendered and their capabilities
+     * Input property indicating whether the table is in a loading state.
      *
-     * @type {ITableColumn}
+     * @type {boolean}
      * @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<TableComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-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>;
+     * @default false
+     */
+    loading: boolean;
+    paginatorChange: EventEmitter<PageEvent>;
+    protected columnsTooltipState: ColumnEllipse[];
+    protected tableConfig: TableConfigWithPagination;
+    protected displayedColumns: string[];
+    protected skeletonStyleConfig: {
+        background: string;
+        'border-radius': string;
+        height: string;
+    };
+    private defaultPaginationConfig;
+    protected onPaginatorChange(event: PageEvent): void;
+    protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, false, never>;
 }

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

@@ -1,14 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./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";
+import * as i2 from "./ellipse-text.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/table";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "../skeleton/skeleton.component";
+import * as i7 from "../paginator/paginator.component.module";
 export declare class TableComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.DataPropertyGetterPipe, typeof i3.DynamicComponentDirective], [typeof i4.CommonModule, typeof i5.MatTableModule, typeof i6.MatSortModule, typeof i7.MatIconModule, typeof i8.MatTooltipModule], [typeof i1.TableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.EllipseTextDirective], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule], [typeof i1.TableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
 }

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

@@ -1,45 +1,31 @@
-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 TableConfig {
+    columns: TableColumn[];
+    pagination?: Pagination;
+    title?: string;
+    width?: number;
+    stickyFirstColumn?: boolean;
+    stickyLastColumn?: boolean;
 }
-export interface IComponentRenderer {
-    component: Type<any>;
-    inputs?: any;
-    outputs?: {
-        [key: string]: any;
-    };
+export interface TableConfigWithPagination extends TableConfig {
+    pagination: Pagination;
 }
-export interface IDetailRowDataParams<T, TDetail> {
-    data: T;
-    setDetailDataSource(rowData: TDetail[]): void;
+export interface TableColumn {
+    title: string;
+    key: string;
+    widthPerc?: number;
+    minWidthPx?: number;
+    allowMultiline?: boolean;
+    bold?: boolean;
+    showTooltip?: boolean;
 }
-export interface ITableDetailColumn<T, TDetail> {
-    columnDefs: ITableColumn<TDetail>[];
-    setDetailRowData: (params: IDetailRowDataParams<T, TDetail>) => void;
+export interface Pagination {
+    itemsPerPageOptions: number[];
+    itemsPerPage: number;
+    currentPage: number;
+    totalItems: number;
 }
-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"
+export type TableData = Record<string, any>[];
+export interface ColumnEllipse {
+    index: number;
+    showTooltip: boolean;
 }