@testgorilla/tgo-ui 6.4.2-beta.0 → 6.4.2-beta.3

package/components/stepper/index.d.ts

@@ -1,5 +1,343 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterViewInit, DestroyRef, EventEmitter, ElementRef, OnChanges } from '@angular/core';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { Observable } from 'rxjs';
+import * as i8 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i2 from '@angular/common';
+import * as i5 from '@testgorilla/tgo-ui/components/tooltip';
+import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
+import * as i4 from '@angular/material/tooltip';
+import * as i6 from '@angular/material/progress-spinner';
+import * as i7 from '@testgorilla/tgo-ui/components/radial-progress';
+import * as i9 from '@angular/material/input';
+
+interface Step {
+    label: string;
+    isVisited?: boolean;
+    iconName?: IconName;
+    disabled?: boolean;
+    submitted?: boolean;
+    showIconWhenSelected?: boolean;
+    htmlDescription?: HtmlDescription[];
+    boldLabel?: boolean;
+    descriptionTpl?: TemplateRef<any>;
+    labelTooltip?: string;
+    alwaysShowIcon?: boolean;
+    context?: any;
+}
+interface HtmlDescription {
+    text?: string;
+    iconName?: IconName;
+    iconTooltip?: string;
+}
+type StepperPosition = 'horizontal' | 'vertical';
+type StepperVariation = 'primary' | 'secondary';
+
+declare class StepperComponent implements AfterViewInit {
+    private readonly defaultAppTheme;
+    protected readonly isMobile$: Observable<boolean>;
+    protected readonly isLargeTablet$: Observable<boolean>;
+    protected focusMonitor: FocusMonitor;
+    protected destroyRef: DestroyRef;
+    /**
+     *
+     * Auto selects first step as visited
+     * Defaults to true
+     *
+     * @memberof StepperComponent
+     */
+    set setFirstStepAutoSelect(value: 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
+     */
+    set setSelectedIndex(value: number);
+    /**
+     * Input property indicating whether the final icon should be displayed.
+     * Default value is false.
+     *
+     * @memberof StepperComponent
+     */
+    lastStepFinalIcon: boolean;
+    /**
+     *
+     * 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;
+    /**
+     * Defines the stepper position
+     *
+     * @type {StepperPosition}
+     * @memberof StepperComponent
+     */
+    position: StepperPosition;
+    /**
+     * 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;
+    /**
+     * A string representing the stepper variant.
+     * This attribute is used to indicate the variant that should be used.
+     * @type {string}
+     * @memberof StepperComponent
+     */
+    stepperVariant: StepperVariation;
+    selectionChange: EventEmitter<{
+        selectedIndex: number;
+        previousIndex: number;
+        step: Step;
+    }>;
+    private isOpened;
+    private firstStepAutoSelect;
+    protected itemSteps: Step[];
+    protected progressValue: number;
+    protected translationContext: string;
+    protected selectedIndex: number;
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
+    protected keyboardFocused: i0.WritableSignal<boolean>;
+    stepperElement: ElementRef<HTMLElement>;
+    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>, isLargeTablet$: Observable<boolean>, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
+    protected onSelect(changedIndex: number, step: Step): void;
+    protected showStepsToggle(): void;
+    protected onCloseStepList(): void;
+    protected subscriberFocus(): void;
+    private selectedStepFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "setFirstStepAutoSelect": { "alias": "firstStepAutoSelect"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "setSelectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "stepperVariant": { "alias": "stepperVariant"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * Directive is used to draw lines between steps
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/stepper" />
-export * from './public-api';
+declare class StepLineElementDirective implements OnChanges {
+    private el;
+    stepLineElement: HTMLElement;
+    position: StepperPosition;
+    resize(): void;
+    constructor(el: ElementRef);
+    setSize(): void;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepLineElementDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLineElementDirective, "[stepLineElement]", never, { "stepLineElement": { "alias": "stepLineElement"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class StepComponent implements AfterViewInit {
+    private readonly defaultAppTheme;
+    private focusMonitor;
+    private destroyRef;
+    /**
+     * 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 component is in large tablet mode.
+     *
+     * @memberof StepComponent
+     */
+    largeTabletMode: boolean | null;
+    /**
+     * 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;
+    /**
+     *
+     * Defines the stepper position
+     *
+     * @type {StepperPosition}
+     * @memberof StepComponent
+     */
+    position: StepperPosition;
+    /**
+     *
+     * Step description
+     *
+     * @type {HtmlDescription[]}
+     * @memberof StepComponent
+     */
+    htmlDescription: HtmlDescription[];
+    /**
+     *
+     * Sets bold font weight for label
+     *
+     * @type {boolean}
+     * @memberof StepComponent
+     */
+    boldLabel: boolean;
+    /**
+     *
+     * Template for the step description
+     *
+     * @type {TemplateRef}
+     * @memberof StepComponent
+     */
+    descriptionTpl?: TemplateRef<any>;
+    /**
+     *
+     * Tooltip for the step label
+     *
+     * @type {string}
+     * @memberof StepComponent
+     */
+    labelTooltip?: string;
+    /**
+     *
+     * Always show step icon instead of number
+     *
+     * @type {boolean}
+     * @memberof StepComponent
+     */
+    alwaysShowIcon: boolean;
+    /**
+     *
+     * Context for the step template
+     *
+     * @type {any}
+     * @memberof StepComponent
+     */
+    context: any;
+    /**
+     * A string representing the step variant.
+     * This attribute is used to indicate the variant that should be used.
+     * @type {string}
+     * @memberof StepComponent
+     */
+    stepVariant: StepperVariation;
+    /**
+     * Event emitted when the step was clicked.
+     * @type {number}
+     * @memberof StepComponent
+     */
+    stepSelected: EventEmitter<number>;
+    stepElement: ElementRef<HTMLElement>;
+    protected readonly TooltipPositionType: typeof TooltipPositionType;
+    protected keyboardFocused: i0.WritableSignal<boolean>;
+    constructor(defaultAppTheme: ApplicationTheme, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
+    protected get hasLastStepDefaultIcon(): boolean;
+    protected onStepSelected(index: number): void;
+    protected subscriberFocus(): void;
+    onKeydown($event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }, null, null]>;
+    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; }; "largeTabletMode": { "alias": "largeTabletMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "position": { "alias": "position"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "descriptionTpl": { "alias": "descriptionTpl"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; "stepVariant": { "alias": "stepVariant"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
+}
+
+declare class StepComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepComponentModule, [typeof StepComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.MatTooltipModule, typeof i5.TooltipComponentModule], [typeof StepComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepComponentModule>;
+}
+
+declare class StepperComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperComponentModule, [typeof StepperComponent, typeof StepLineElementDirective], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof StepComponentModule, typeof i6.MatProgressSpinnerModule, typeof i7.RadialProgressComponentModule, typeof i8.UiTranslatePipe, typeof i9.MatInputModule], [typeof StepperComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StepperComponentModule>;
+}
+
+export { StepComponent, StepComponentModule, StepLineElementDirective, StepperComponent, StepperComponentModule };
+export type { HtmlDescription, Step, StepperPosition, StepperVariation };

package/components/table/index.d.ts

@@ -1,5 +1,253 @@
+import * as _angular_material_paginator from '@angular/material/paginator';
+import { PageEvent } from '@angular/material/paginator';
+import * as i0 from '@angular/core';
+import { Type, TemplateRef, OnChanges, AfterViewInit, OnInit, EventEmitter, ElementRef, DestroyRef, SimpleChanges, PipeTransform } from '@angular/core';
+import * as i11 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i4 from '@angular/material/table';
+import { MatTableDataSource } from '@angular/material/table';
+import * as i9 from '@angular/material/sort';
+import { Sort as Sort$1 } from '@angular/material/sort';
+import { Observable, BehaviorSubject } from 'rxjs';
+import * as i3 from '@angular/common';
+import * as i5 from '@angular/material/tooltip';
+import * as i6 from '@testgorilla/tgo-ui/components/skeleton';
+import * as i7 from '@testgorilla/tgo-ui/components/paginator';
+import * as i8 from '@testgorilla/tgo-ui/components/button';
+import * as i10 from '@testgorilla/tgo-ui/components/icon';
+
+interface TableConfig<T = any> {
+    columns: TableColumn<T>[];
+    pagination?: Pagination;
+    title?: string;
+    width?: number;
+    sort?: Sort;
+    hidePagination?: boolean;
+    noDataRowTpl?: TemplateRef<any>;
+    sortable?: boolean;
+}
+interface TableConfigWithPagination<T> extends TableConfig<T> {
+    pagination?: Pagination;
+}
+interface TableColumn<T = any> {
+    title?: string;
+    key: string;
+    allowMultiline?: boolean;
+    bold?: boolean;
+    showTooltip?: boolean;
+    tooltip?: string;
+    allowSort?: boolean;
+    isSticky?: boolean;
+    headerCellTemplate?: TemplateRef<any>;
+    rowCellTemplate?: TemplateRef<any>;
+    rowCellTemplateClick?: () => 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;
+    uniqueId?: string;
+}
+interface Pagination {
+    itemsPerPageOptions: number[];
+    itemsPerPage: number;
+    currentPage: number;
+    totalItems: number;
+}
+type TableData = Record<string, any>[];
+interface ColumnEllipse {
+    index: number;
+    showTooltip: boolean;
+}
+interface Sort {
+    active: string;
+    direction: SortDirection;
+    defaultSortStart?: SortDirection;
+}
+type SortDirection = 'asc' | 'desc' | '';
+interface TableDetailColumn<T, TDetail> {
+    columnDefs: TableColumn<TDetail>[];
+    setDetailRowData: (params: DetailRowDataParams<T, TDetail>) => void;
+}
+interface DetailRowDataParams<T, TDetail> {
+    data: T;
+    setDetailDataSource(rowData: TDetail[]): void;
+}
+declare enum ColumnType {
+    FIELD = "field",
+    FUNCTION = "function",
+    RENDERER = "renderer"
+}
+interface ComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
+}
+interface ColumnStyles {
+    alignment?: ColumnAlignment;
+    width?: string;
+    'min-width'?: string;
+    padding?: string;
+}
+declare enum ColumnAlignment {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center"
+}
+declare enum ColumnTypeEnum {
+    FIELD = "field",
+    FUNCTION = "function",
+    RENDERER = "renderer"
+}
+declare enum ColumnAlignmentEnum {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center"
+}
+type DataSource = {
+    [key: string]: any;
+};
+type ScrollSettings = {
+    scrollEnd: boolean;
+    horizontalScroll: boolean;
+    scrollStart: boolean;
+};
+
+declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit, OnInit {
+    private readonly defaultAppTheme;
+    private destroyRef;
+    protected readonly isMobile$: Observable<boolean>;
+    /**
+     * Table configuration
+     *
+     * @type {TableConfig}
+     * @memberof TableComponent
+     */
+    config: TableConfigWithPagination<T>;
+    /**
+     * Input property for providing the table data.
+     *
+     * @type {TableData}
+     * @memberof TableComponent
+     */
+    data: 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;
+    /**
+     * Condensed table
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     */
+    isCondensed: boolean;
+    /**
+     * Sticky header
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     */
+    stickyHeader: boolean;
+    /**
+     * Max height
+     *
+     * @type {string}
+     * @memberof TableComponent
+     */
+    maxHeight: string;
+    onRowClickEvent: EventEmitter<any>;
+    onDetailRowClickEvent: EventEmitter<any>;
+    paginatorChange: EventEmitter<PageEvent>;
+    sortChange: EventEmitter<Sort$1>;
+    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, _angular_material_paginator.MatPaginator>;
+    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;
+    callRenderer([rendererFn, element]: [(v: T) => ComponentRenderer | string, T]): any;
+    protected onPaginatorChange(event: PageEvent): void;
+    protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
+    protected onSortChange(sortState: Sort$1, emitEvent?: boolean): void;
+    protected onRowClick(rowParams: any, rowIndex: number): void;
+    protected onDetailRowClick(rowParams: any): void;
+    protected toggleRow(element: T): void;
+    private setTableDetailDataSource;
+    private setTableConfig;
+    private setTableData;
+    private defaultPaginationConfig;
+    trackColumnUniqueId: (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; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], false, never>;
+}
+
+declare class SentenceCasePipe implements PipeTransform {
+    transform(value: string | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SentenceCasePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SentenceCasePipe, "sentencecase", false>;
+}
+
+declare class TableComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof TableComponent, typeof 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 i11.DynamicComponentDirective, typeof i11.DataPropertyGetterPipe, typeof i11.MemoizeFuncPipe], [typeof TableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * Sorting table columns by order value if set.
+ * The rest columns keep the same ordering and displayed after the sorted ones.
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/table" />
-export * from './public-api';
+declare const sortByOrder: <T>(columns: TableColumn<T>[]) => TableColumn<T>[];
+
+export { ColumnAlignment, ColumnAlignmentEnum, ColumnType, ColumnTypeEnum, SentenceCasePipe, TableComponent, TableComponentModule, sortByOrder };
+export type { ColumnEllipse, ColumnStyles, ComponentRenderer, DataSource, DetailRowDataParams, Pagination, ScrollSettings, Sort, SortDirection, TableColumn, TableConfig, TableConfigWithPagination, TableData, TableDetailColumn };