@testgorilla/tgo-ui 2.10.1 → 2.10.3

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

@@ -0,0 +1,111 @@
+import { OnInit } from '@angular/core';
+import { MatSnackBarRef } from '@angular/material/snack-bar';
+import { IconName } from '../../components/icon/icon.model';
+import { SnackbarType, SnackbarVariant } from '../../components/snackbar/snackbar.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { LinkTargetType } from '../alert-banner/alert-banner.model';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class SnackbarComponent implements OnInit {
+    private readonly defaultAppTheme;
+    private data;
+    private snackbarRef;
+    private domSanitizer;
+    /**
+     * Background color of the button while in active state
+     *
+     * @type {SnackbarType}
+     * @memberof SnackbarComponent
+     */
+    snackbarType: SnackbarType;
+    /**
+     * Snackbar message
+     *
+     * @memberof SnackbarComponent
+     */
+    message: string;
+    /**
+     * Snackbar message from html
+     *
+     * @memberof SnackbarComponent
+     */
+    set html(value: string);
+    /**
+     * Set the time that the snackbar will be visible
+     *
+     * @memberof SnackbarComponent
+     */
+    seconds: number;
+    /**
+     * Include dismmiss button
+     *
+     * @memberof SnackbarComponent
+     */
+    includeDismissButton: boolean;
+    /**
+     * Static or fixed position
+     *
+     * @memberof SnackbarComponent
+     */
+    fixed: boolean;
+    /**
+     * Link text that will appended at the end of message
+     *
+     * @memberof AlertBannerComponent
+     */
+    linkText?: string | undefined;
+    /**
+     * Link url
+     *
+     * @memberof AlertBannerComponent
+     */
+    linkUrl?: string;
+    /**
+     * Link target
+     *
+     * @type {@type {LinkTargetType}}
+     * @memberof AlertBannerComponent
+     */
+    linkTarget?: LinkTargetType;
+    /**
+     * The language to be used
+     *
+     * @type {string}
+     * @memberof SnackbarComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     * The variant to be used
+     *
+     * @type {SnackbarVariant}
+     * @memberof SnackbarComponent
+     */
+    variant: SnackbarVariant;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SnackbarComponent
+     */
+    applicationTheme: ApplicationTheme;
+    iconName: IconName;
+    showSnackbar: boolean;
+    milisenconds: number;
+    visible: boolean;
+    timer?: number;
+    timerStartedAt: number;
+    timerPausedAt: number;
+    position: string;
+    safeHtml: SafeHtml;
+    translationContext: string;
+    constructor(defaultAppTheme: ApplicationTheme, data: any, snackbarRef: MatSnackBarRef<SnackbarComponent>, domSanitizer: DomSanitizer);
+    ngOnInit(): void;
+    show(): void;
+    hide(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    dismissClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "ui-snackbar", never, { "snackbarType": { "alias": "snackbarType"; "required": false; }; "message": { "alias": "message"; "required": false; }; "html": { "alias": "html"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "language": { "alias": "language"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./snackbar.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 "../../pipes/ui-translate.pipe";
+import * as i6 from "@angular/material/snack-bar";
+export declare class SnackbarComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SnackbarComponentModule, [typeof i1.SnackbarComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule, typeof i5.UiTranslatePipe, typeof i6.MatSnackBarModule], [typeof i1.SnackbarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SnackbarComponentModule>;
+}

package/components/snackbar/snackbar.service.d.ts

@@ -0,0 +1,12 @@
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { SnackbarComponent } from './snackbar.component';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class SnackbarService {
+    private snackBar;
+    constructor(snackBar: MatSnackBar);
+    error(message: string, applicationTheme?: ApplicationTheme, html?: string): import("@angular/material/snack-bar").MatSnackBarRef<SnackbarComponent>;
+    success(message: string, applicationTheme?: ApplicationTheme, html?: string): import("@angular/material/snack-bar").MatSnackBarRef<SnackbarComponent>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SnackbarService>;
+}

package/components/spinner/spinner.component.d.ts

@@ -0,0 +1,38 @@
+import { OnChanges, OnInit } from '@angular/core';
+import { SpinnerSize } from './spinner.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class SpinnerComponent implements OnInit, OnChanges {
+    private readonly defaultAppTheme;
+    /**
+     * The size variant of the spinner. Can be 'small' or 'large'.
+     * Defaults to 'large'.
+     * @default 'large'
+     * @type {SpinnerSize}
+     * @memberof SpinnerComponent
+     */
+    size: SpinnerSize;
+    /**
+     * Set position fixed on page
+     * Defaults to 'true'.
+     * @default 'true'
+     * @type {SpinnerSize}
+     * @memberof SpinnerComponent
+     */
+    isLoader: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SpinnerComponent
+     */
+    applicationTheme: ApplicationTheme;
+    classes: string;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    setSpinnerClasses(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ui-spinner", never, { "size": { "alias": "size"; "required": false; }; "isLoader": { "alias": "isLoader"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/spinner/spinner.module.d.ts

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

package/components/step/step.component.d.ts

@@ -0,0 +1,104 @@
+import { EventEmitter } from '@angular/core';
+import { IconName } from '../icon/icon.model';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class StepComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Input property for the label of the step.
+     *
+     * @memberof StepComponent
+     */
+    label: string;
+    /**
+     * Input property indicating whether the step has been visited.
+     *
+     * @memberof StepComponent
+     */
+    isVisited: boolean;
+    /**
+     * Input property indicating whether the form has been submitted.
+     *
+     * @memberof StepComponent
+     */
+    submitted: boolean;
+    /**
+     * Input property for the icon associated with the step.
+     *
+     * @memberof StepComponent
+     */
+    icon: IconName | undefined;
+    /**
+     * Input property for the index of the step.
+     *
+     * @memberof StepComponent
+     */
+    index: number;
+    /**
+     * Input property indicating whether the step is currently selected.
+     *
+     * @memberof StepComponent
+     */
+    selected: boolean;
+    /**
+     * Input property indicating whether the step is the last step in the stepper.
+     *
+     * @memberof StepComponent
+     */
+    isLast: boolean;
+    /**
+     * Input property indicating the selected index in the stepper.
+     *
+     * @memberof StepComponent
+     */
+    selectedIndex: number;
+    /**
+     * Input property indicating whether the step is disabled.
+     *
+     * @memberof StepComponent
+     */
+    disabled: boolean;
+    /**
+     * Input property indicating whether the previous step has been visited.
+     *
+     * @memberof StepComponent
+     */
+    prevStepIsVisited: boolean | undefined;
+    /**
+     * Input property indicating whether the component is in mobile mode.
+     *
+     * @memberof StepComponent
+     */
+    mobileMode: boolean;
+    /**
+     * Input property indicating whether the final icon should be displayed.
+     *
+     * @memberof StepComponent
+     */
+    finalIcon: boolean;
+    /**
+     * Input property indicating to display icon when step is selected.
+     *
+     * @memberof StepComponent
+     */
+    showIconWhenSelected: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof StepComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Event emitted when the step was clicked.
+     * @type {number}
+     * @memberof StepComponent
+     */
+    stepSelected: EventEmitter<number>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    protected get hasLastStepDefaultIcon(): boolean;
+    protected onStepSelected(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
+}

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

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

package/components/stepper/stepper.component.d.ts

@@ -0,0 +1,76 @@
+import { EventEmitter } from '@angular/core';
+import { Step } from './stepper.model';
+import { Observable } from 'rxjs';
+import { ApplicationTheme } from "../../models/application-theme.model";
+import * as i0 from "@angular/core";
+export declare class StepperComponent {
+    private readonly defaultAppTheme;
+    protected readonly isMobile$: Observable<boolean>;
+    /**
+     * Input property to set the steps for the stepper.
+     * The first step will be marked as visited automatically.
+     *
+     * @memberof StepperComponent
+     */
+    set steps(itemSteps: Step[]);
+    /**
+     * Input property to set the selected index of the stepper.
+     * Default value is 0.
+     *
+     * @memberof StepperComponent
+     */
+    selectedIndex: number;
+    /**
+     * Input property indicating whether the final icon should be displayed.
+     * Default value is false.
+     *
+     * @memberof StepperComponent
+     */
+    lastStepFinalIcon: boolean;
+    /**
+     * The language to be used
+     *
+     * @type {Language}
+     * @memberof StepperComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof StepperComponent
+     */
+    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 StepperComponent
+     */
+    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 StepperComponent
+     */
+    ariaRequired: boolean;
+    selectionChange: EventEmitter<{
+        selectedIndex: number;
+        previousIndex: number;
+        step: Step;
+    }>;
+    private isOpened;
+    protected itemSteps: Step[];
+    protected progressValue: number;
+    protected translationContext: string;
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
+    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
+    protected onSelect(changedIndex: number, step: Step): void;
+    protected showStepsToggle(): void;
+    protected onCloseStepList(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./stepper.component";
+import * as i2 from "../../directives/step-line-width.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "../icon/icon.component.module";
+import * as i5 from "../step/step.component.module";
+import * as i6 from "@angular/material/progress-spinner";
+import * as i7 from "../radial-progress/radial-progress.component.module";
+import * as i8 from "../../pipes/ui-translate.pipe";
+import * as i9 from "@angular/material/input";
+export declare class StepperComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperComponentModule, [typeof i1.StepperComponent, typeof i2.StepLineWidthDirective], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.StepComponentModule, typeof i6.MatProgressSpinnerModule, typeof i7.RadialProgressComponentModule, typeof i8.UiTranslatePipe, typeof i9.MatInputModule], [typeof i1.StepperComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepperComponentModule>;
+}

package/components/stepper/stepper.model.d.ts

@@ -0,0 +1,9 @@
+import { IconName } from '../icon/icon.model';
+export interface Step {
+    label: string;
+    isVisited?: boolean;
+    iconName?: IconName;
+    disabled?: boolean;
+    submitted?: boolean;
+    showIconWhenSelected?: boolean;
+}

package/components/table/sentence-case.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SentenceCasePipe implements PipeTransform {
+    transform(value: string | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SentenceCasePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SentenceCasePipe, "sentencecase", false>;
+}

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

@@ -0,0 +1,93 @@
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ColumnEllipse, ColumnType, DataSource, ScrollSettings, TableColumn, TableConfig, TableConfigWithPagination, TableData, TableDetailColumn } from './table.model';
+import { PageEvent } from '@angular/material/paginator';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { MatTableDataSource } from '@angular/material/table';
+import { Sort } from '@angular/material/sort';
+import { BehaviorSubject, Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit {
+    private readonly defaultAppTheme;
+    private destroyRef;
+    protected readonly isMobile$: Observable<boolean>;
+    /**
+     * Table configuration
+     *
+     * @type {TableConfig}
+     * @memberof TableComponent
+     */
+    set config(config: TableConfig<T>);
+    /**
+     * Input property for providing the table data.
+     *
+     * @type {TableData}
+     * @memberof TableComponent
+     */
+    set data(tableData: TableData);
+    /**
+     * Input property indicating whether the table is in a loading state.
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     * @default false
+     */
+    loading: boolean;
+    /**
+     *
+     * Defines the application theme
+     * @type {ApplicationTheme}
+     * @memberof TableComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Data structure to select which columns should be rendered and their capabilities
+     *
+     * @type {TableDetailColumn}
+     * @memberof TableComponent
+     */
+    tableDetailColumns: TableDetailColumn<T, TDetail>;
+    tableDetails: boolean;
+    /**
+     * Disable border radius for table
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     */
+    disableBorderRadius: boolean;
+    onRowClickEvent: EventEmitter<any>;
+    onDetailRowClickEvent: EventEmitter<any>;
+    paginatorChange: EventEmitter<PageEvent>;
+    sortChange: EventEmitter<Sort>;
+    table: ElementRef;
+    protected tableData: TableData;
+    protected sourceData: TableData;
+    protected columnsTooltipState: ColumnEllipse[];
+    protected tableConfig: TableConfigWithPagination<T>;
+    protected displayedColumns: string[];
+    protected columnsDetailToDisplay: string[];
+    protected skeletonStyleConfig: {
+        background: string;
+        'border-radius': string;
+        height: string;
+    };
+    protected dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
+    protected elementDetail: any;
+    protected readonly DataType: typeof ColumnType;
+    protected scrollSettings$: BehaviorSubject<ScrollSettings>;
+    constructor(defaultAppTheme: ApplicationTheme, destroyRef: DestroyRef, isMobile$: Observable<boolean>);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    hasTableScroll(): void;
+    protected onPaginatorChange(event: PageEvent): void;
+    protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
+    protected onSortChange(sortState: Sort): void;
+    protected onRowClick(rowParams: any): void;
+    protected onDetailRowClick(rowParams: any): void;
+    protected toggleRow(element: T): void;
+    private setTableDetailDataSource;
+    private defaultPaginationConfig;
+    trackColumnKey: (index: number, column: TableColumn<T>) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "./sentence-case.pipe";
+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";
+import * as i8 from "../button/button.component.module";
+import * as i9 from "@angular/material/sort";
+import * as i10 from "../icon/icon.component.module";
+import * as i11 from "../../directives/ellipse-text.directive";
+import * as i12 from "../deprecated-table/directives/dynamic-component.directive";
+import * as i13 from "../../pipes/data-property-getter";
+export declare class TableComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.SentenceCasePipe], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule, typeof i8.ButtonComponentModule, typeof i9.MatSortModule, typeof i10.IconComponentModule, typeof i11.EllipseTextDirective, typeof i12.DynamicComponentDirective, typeof i13.DataPropertyGetterPipe], [typeof i1.TableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
+}

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

@@ -0,0 +1,92 @@
+import { TemplateRef, Type } from '@angular/core';
+export interface TableConfig<T = any> {
+    columns: TableColumn<T>[];
+    pagination?: Pagination;
+    title?: string;
+    width?: number;
+    sort?: Sort;
+    hidePagination?: boolean;
+}
+export interface TableConfigWithPagination<T> extends TableConfig<T> {
+    pagination: Pagination;
+}
+export interface TableColumn<T = any> {
+    title: string;
+    key: string;
+    widthPerc?: number;
+    minWidthPx?: number;
+    allowMultiline?: boolean;
+    bold?: boolean;
+    showTooltip?: boolean;
+    tooltip?: string;
+    allowSort?: boolean;
+    isSticky?: boolean;
+    headerCellTemplate?: TemplateRef<any>;
+    rowCellTemplate?: TemplateRef<any>;
+    sortHeader?: string;
+    hidden?: boolean;
+    order?: number;
+    fontSize?: '12px' | '14px';
+    field?: string;
+    type?: ColumnType;
+    function?: (v: T) => string;
+    renderer?: (v: T) => ComponentRenderer | string;
+    styles?: ColumnStyles;
+    sortStart?: SortDirection;
+}
+export interface Pagination {
+    itemsPerPageOptions: number[];
+    itemsPerPage: number;
+    currentPage: number;
+    totalItems: number;
+}
+export type TableData = Record<string, any>[];
+export interface ColumnEllipse {
+    index: number;
+    showTooltip: boolean;
+}
+export interface Sort {
+    active: string;
+    direction: SortDirection;
+    defaultSortStart?: SortDirection;
+}
+export type SortDirection = 'asc' | 'desc' | '';
+export interface TableDetailColumn<T, TDetail> {
+    columnDefs: TableColumn<TDetail>[];
+    setDetailRowData: (params: DetailRowDataParams<T, TDetail>) => void;
+}
+export interface DetailRowDataParams<T, TDetail> {
+    data: T;
+    setDetailDataSource(rowData: TDetail[]): void;
+}
+export declare enum ColumnType {
+    FIELD = "field",
+    FUNCTION = "function",
+    RENDERER = "renderer"
+}
+export interface ComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
+}
+export interface ColumnStyles {
+    alignment?: ColumnAlignment;
+    width?: string;
+    'min-width'?: string;
+    padding?: string;
+}
+export declare enum ColumnAlignment {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center"
+}
+export type DataSource = {
+    [key: string]: any;
+};
+export type ScrollSettings = {
+    scrollEnd: boolean;
+    horizontalScroll: boolean;
+    scrollStart: boolean;
+};

package/components/tabs/tab.directive.d.ts

@@ -0,0 +1,18 @@
+import { OnChanges, TemplateRef } from '@angular/core';
+import { TabsComponent } from "./tabs.component";
+import { IconName } from '../icon/icon.model';
+import * as i0 from "@angular/core";
+export declare class TabDirective implements OnChanges {
+    private tabsComponent;
+    private template;
+    tabName: string;
+    iconLeft: IconName;
+    iconRight: IconName;
+    disabled: boolean;
+    constructor(tabsComponent: TabsComponent, template: TemplateRef<any>);
+    ngOnChanges(): void;
+    private addTab;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, [{ host: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[uiTab]", never, { "tabName": { "alias": "tabName"; "required": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+}