@impartner/design-components 1.1.3 → 2.0.0

package/lib/modal/modal.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { FontAwesomeIcon, FontAwesomeIconTheme } from '../../constants';
-import { InteractionService } from '../../services';
+import { IInteractableComponent, InteractionService } from '../../services';
 import { ButtonTheme } from '../button';
 import { ModalComponentSizes, ModalThemes } from './types';
 import * as i0 from "@angular/core";
@@ -10,14 +10,19 @@ import * as i0 from "@angular/core";
  * `ModalModule` imports and exports BackdropModule, [ButtonModule](./?path=/docs/design-components-button),
  * and [IconModule](./?path=/docs/design-components-icon).
  */
-export declare class ModalComponent implements OnInit, OnDestroy {
-    private _interactionService;
-    private _interactableId;
+export declare class ModalComponent implements OnInit, OnDestroy, IInteractableComponent {
+    private readonly _interactionService;
+    private readonly _elementRef;
+    private readonly _interactableId;
+    private readonly _closed$;
+    private _initialized;
     private _show;
+    private _dialogElementRef?;
     /**
      * Determines if the Modal should be shown immediately.
      */
     set show(show: boolean);
+    get show(): boolean;
     /**
      * The theme of the Modal. Affects the layout of the Modal as well as some colors.
      */
@@ -70,17 +75,17 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     /**
      * Event emitted when the Modal content is dismissed.
      */
-    dismiss: EventEmitter<MouseEvent | Event>;
+    dismiss: EventEmitter<Event | MouseEvent>;
     /**
      * Event emitted when the Modal content is denied.
      */
-    deny: EventEmitter<MouseEvent | Event>;
+    deny: EventEmitter<Event | MouseEvent>;
     /**
      * Event emitted when the Modal content is accepted.
      */
-    accept: EventEmitter<MouseEvent | Event>;
-    constructor(_interactionService: InteractionService);
-    get interactableId(): number;
+    accept: EventEmitter<Event | MouseEvent>;
+    constructor(_interactionService: InteractionService, _elementRef: ElementRef<HTMLElement>);
+    get interactableId(): string;
     get valid(): boolean;
     get shown(): boolean;
     get showWorkingIcon(): boolean;
@@ -100,6 +105,8 @@ export declare class ModalComponent implements OnInit, OnDestroy {
      * Closes/hides the modal. Can be used programmatically.
      */
     close(): void;
+    private _setupEventHandling;
+    private _disableEventHandling;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "impdc-modal", never, { "show": "show"; "theme": "theme"; "size": "size"; "iconName": "iconName"; "iconTheme": "iconTheme"; "titleText": "titleText"; "acceptText": "acceptText"; "dismissable": "dismissable"; "fade": "fade"; "backdrop": "backdrop"; }, { "dismiss": "dismiss"; "deny": "deny"; "accept": "accept"; }, never, ["*", "[dismiss]", "[deny]", "[accept]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "impdc-modal", never, { "show": { "alias": "show"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; "titleText": { "alias": "titleText"; "required": false; }; "acceptText": { "alias": "acceptText"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; }, { "dismiss": "dismiss"; "deny": "deny"; "accept": "accept"; }, never, ["*", "[dismiss]", "[deny]", "[accept]"], false, never>;
 }

package/lib/modal/types/modal-component-sizes.d.ts

@@ -1,3 +1,3 @@
 import { ComponentSize } from '../../../types';
 export declare const ModalComponentSizesArr: ComponentSize[];
-export declare type ModalComponentSizes = typeof ModalComponentSizesArr[number];
+export type ModalComponentSizes = (typeof ModalComponentSizesArr)[number];

package/lib/modal/types/modal-theme.d.ts

@@ -4,4 +4,4 @@ export declare enum ModalTheme {
     Destructive = "destructive"
 }
 export declare const ModalThemesArr: ModalTheme[];
-export declare type ModalThemes = typeof ModalThemesArr[number];
+export type ModalThemes = (typeof ModalThemesArr)[number];

package/lib/pagination/pagination.component.d.ts

@@ -1,4 +1,5 @@
-import { EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { IElementSize } from '../size-detection';
 import * as i0 from "@angular/core";
 /**
  * The `PaginationComponent` (`<impdc-pagination` or `<div impdc-pagination`) is a control for paged content such as tables or lists.
@@ -6,6 +7,7 @@ import * as i0 from "@angular/core";
  * `ModalModule` imports and exports ImpdcFormsModule and [ButtonModule](./?path=/docs/design-components-button).
  */
 export declare class PaginationComponent {
+    private readonly _changeDetectorRef;
     private _summary;
     /**
      * The current page.
@@ -25,19 +27,32 @@ export declare class PaginationComponent {
      */
     set summary(summary: string);
     get summary(): string;
+    /**
+     * The label text for the per page select input.
+     */
+    perPageLabel: string;
     /**
      * Emitted when the page number is changed, specifying the target page number.
      */
     readonly goToPage: EventEmitter<number>;
+    /**
+     * Emitted when the per page is changed, specifying the new value.
+     */
+    readonly perPageChange: EventEmitter<number>;
     get totalPages(): number;
     get firstPageResult(): number;
     get lastPageResult(): number;
-    private _getPageClamped;
+    /** @ignore */
+    mobile: boolean;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    handleResize(size: IElementSize): void;
     goToPreviousPage(): void;
     goToNextPage(): void;
     goToExactPageFromEvent({ target }: FocusEvent): void;
     goToExactPage(page: number | string): void;
+    handlePerPageChange(): void;
     preventDefaultAndBlur(event: Event): void;
+    private _getPageClamped;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "impdc-pagination, div[impdc-pagination]", never, { "page": "page"; "perPage": "perPage"; "total": "total"; "summary": "summary"; }, { "goToPage": "goToPage"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "impdc-pagination, div[impdc-pagination]", never, { "page": { "alias": "page"; "required": false; }; "perPage": { "alias": "perPage"; "required": false; }; "total": { "alias": "total"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "perPageLabel": { "alias": "perPageLabel"; "required": false; }; }, { "goToPage": "goToPage"; "perPageChange": "perPageChange"; }, never, never, false, never>;
 }

package/lib/pagination/pagination.module.d.ts

@@ -5,9 +5,10 @@ import * as i3 from "../button/button.module";
 import * as i4 from "@angular/forms";
 import * as i5 from "../form-field/impdc-forms.module";
 import * as i6 from "../icon/icon.module";
+import * as i7 from "../size-detection/size-detection.module";
 export declare class PaginationModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i4.FormsModule, typeof i5.ImpdcFormsModule, typeof i6.IconModule], [typeof i3.ButtonModule, typeof i5.ImpdcFormsModule, typeof i6.IconModule, typeof i1.PaginationComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i4.FormsModule, typeof i5.ImpdcFormsModule, typeof i6.IconModule, typeof i7.SizeDetectionModule], [typeof i3.ButtonModule, typeof i5.ImpdcFormsModule, typeof i6.IconModule, typeof i1.PaginationComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PaginationModule>;
 }

package/lib/progress-bar/progress-bar.component.d.ts

@@ -18,5 +18,5 @@ export declare class ProgressBarComponent {
     progressPercentage: number;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "impdc-progress-bar", never, { "labelText": "labelText"; "statusText": "statusText"; "progressPercentage": "progressPercentage"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "impdc-progress-bar", never, { "labelText": { "alias": "labelText"; "required": false; }; "statusText": { "alias": "statusText"; "required": false; }; "progressPercentage": { "alias": "progressPercentage"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/scrollable/scrollable.component.d.ts

@@ -37,5 +37,5 @@ export declare class ScrollableComponent implements OnChanges, AfterViewInit {
     private _getAncestorBackgroundColor;
     private _getBackGroundColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "impdc-scrollable, div[impdc-scrollable]", never, { "scrollUnit": "scrollUnit"; "clickScrollMultiplier": "clickScrollMultiplier"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "impdc-scrollable, div[impdc-scrollable]", never, { "scrollUnit": { "alias": "scrollUnit"; "required": false; }; "clickScrollMultiplier": { "alias": "clickScrollMultiplier"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/select-icon/select-icon.component.d.ts

@@ -118,6 +118,6 @@ export declare class SelectIconComponent extends _SelectIconComponentBase implem
     protected _onBlur(): void;
     private _buildChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectIconComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectIconComponent, "impdc-select-icon", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "allowSearch": "allowSearch"; "iconOptions": "iconOptions"; "showText": "showText"; "showSelectedText": "showSelectedText"; "placeholder": "placeholder"; "errorStateMatcher": "errorStateMatcher"; "value": "value"; "id": "id"; "required": "required"; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectIconComponent, "impdc-select-icon", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "allowSearch": { "alias": "allowSearch"; "required": false; }; "iconOptions": { "alias": "iconOptions"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "showSelectedText": { "alias": "showSelectedText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, never, never, false, never>;
 }
 export {};

package/lib/size-detection/directive/size-detector.directive.d.ts

@@ -10,5 +10,5 @@ export declare class SizeDetectorDirective implements OnDestroy {
     private _observe;
     private _unobserve;
     static ɵfac: i0.ɵɵFactoryDeclaration<SizeDetectorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SizeDetectorDirective, "[impdcSizeDetector]", never, {}, { "resized": "resized"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizeDetectorDirective, "[impdcSizeDetector]", never, {}, { "resized": "resized"; }, never, never, false, never>;
 }

package/lib/spinner/spinner.component.d.ts

@@ -9,5 +9,5 @@ export declare class SpinnerComponent {
      */
     accessibilityText: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "impdc-spinner, div[impdc-spinner]", never, { "accessibilityText": "accessibilityText"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "impdc-spinner, div[impdc-spinner]", never, { "accessibilityText": { "alias": "accessibilityText"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/table/components/bulk-actions/bulk-actions.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class TableBulkActionsComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableBulkActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBulkActionsComponent, "impdc-table-bulk-actions", never, {}, {}, never, ["[selectedTotal]", "[bulkAction]"], false, never>;
+}

package/lib/table/components/column-heading/column-heading.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ColumnHeadingComponent {
+    isSortable: boolean;
+    columnIndex?: number;
+    sortColumnIndex?: number;
+    direction: 'asc' | 'desc';
+    text: string;
+    get sortedColumn(): boolean;
+    sort: EventEmitter<number>;
+    onSort(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHeadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnHeadingComponent, "impdc-column-heading", never, { "isSortable": { "alias": "isSortable"; "required": false; }; "columnIndex": { "alias": "columnIndex"; "required": false; }; "sortColumnIndex": { "alias": "sortColumnIndex"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "sort": "sort"; }, never, never, false, never>;
+}

package/lib/table/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './column-heading/column-heading.component';
+export * from './bulk-actions/bulk-actions.component';
+export * from './row-actions/row-actions.component';

package/lib/table/components/row-actions/row-actions.component.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '@angular/core';
+import { ITableActionsColumnDef, ITableRowAction, ITableRowItem } from '../../interfaces';
+import { BrandedDirective } from '../../../branding';
+import { ButtonTheme } from '../../../button';
+import { ComponentTheme } from '../../../../types';
+import * as i0 from "@angular/core";
+export declare class RowActionsComponent {
+    columnDef: ITableActionsColumnDef<any>;
+    rowItem: ITableRowItem;
+    lastColumn: boolean;
+    actionClick: EventEmitter<string>;
+    /** @ignore */
+    branded: boolean;
+    constructor(_branded: BrandedDirective);
+    isVisible(action: ITableRowAction): boolean;
+    handleActionClick(apiName: string): void;
+    getColor(action: ITableRowAction): string;
+    protected getButtonThemeFromComponentTheme(componentTheme?: ComponentTheme): ButtonTheme;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowActionsComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowActionsComponent, "impdc-row-actions", never, { "columnDef": { "alias": "columnDef"; "required": true; }; "rowItem": { "alias": "rowItem"; "required": true; }; "lastColumn": { "alias": "lastColumn"; "required": false; }; }, { "actionClick": "actionClick"; }, never, never, false, never>;
+}

package/lib/table/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table.constants';
+export * from './public-table.constants';

package/lib/table/constants/public-table.constants.d.ts

@@ -0,0 +1 @@
+export declare const IS_SELECTED_PROPERTY = "isSelected";

package/lib/table/constants/table.constants.d.ts

@@ -0,0 +1,10 @@
+import { ITableCellOption } from '../interfaces';
+export declare const DEFAULT_PAGE = 1;
+export declare const ROWS_PER_PAGE = 10;
+export declare const SELECTED_ROWS_PER_PAGE: {
+    value: string;
+    text: string;
+};
+export declare const ROWS_PER_PAGE_GROUP: ITableCellOption[];
+export declare const SORT_COLUMN_INDEX = 0;
+export declare const DEBOUNCE_TIME = 500;

package/lib/table/containers/index.d.ts

@@ -0,0 +1 @@
+export * from './table.component';

package/lib/table/containers/table.component.d.ts

@@ -0,0 +1,133 @@
+import { DatePipe, DecimalPipe, PercentPipe } from '@angular/common';
+import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { TableColumnType } from '../enumerations/index';
+import { ICustomCellRendererComponents, ISortByPayload, ITableActionsColumnDef, ITableEventPayload, ITableRowActionPayload, ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes, TableColumnDef } from '../interfaces/index';
+import { CheckboxChangeEvent } from '../../form-field';
+import { ComponentTheme } from '../../../types';
+import { BrandedDirective } from '../../branding';
+import { PaginationComponent } from '../../pagination';
+import { TableBulkActionsComponent } from '../components';
+import * as i0 from "@angular/core";
+/**
+ * The `TableComponent` (`<impdc-table`) is a data table component.
+ * To use, import `TableModule` from `@impartner/design-components`.
+ */
+export declare class TableComponent implements OnChanges {
+    private readonly _datePipe;
+    private readonly _percentPipe;
+    private readonly _decmialPipe;
+    private readonly _changeDetectorRef;
+    private _branded;
+    /**
+     * Whether the table data is currently being loaded. The `<impdc-spinner>` will show if data is loading.
+     */
+    loading: boolean;
+    /**
+     * The visible columns of the table.  Each `ITableColumnDef` defines properties regarding the display, formatting and interaction of the column's cells.
+     * Column/cell color precedence is:
+     * 1) `fieldColor` - allows an `ITableColumnDef` to delegate the responsibility of cell color to an `ITableRowItem` property.
+     * 2) `colorGetter`- allows an `ITableColumnDef` to delegate the responsibility of cell color to a function of the `ITableRowItem` determined by the developer.
+     * 3) `color` - a property of an `ITableColumnDef`.
+     */
+    columnDefs: TableColumnDef[];
+    /**
+     * Whether the table is striped.
+     */
+    striped: boolean;
+    /**
+     * Whether individual rows can be selected. Will be `true` if explicitly set to `true` or `canSelectAllRows` is `true`.
+     */
+    set canSelectRows(value: boolean);
+    get canSelectRows(): boolean;
+    /**
+     * Whether all rows can be selected at once. Will be `true` if explicitly set to `true` or if `TableBulkActionsComponent` is content projected.
+     */
+    set canSelectAllRows(value: boolean);
+    get canSelectAllRows(): boolean;
+    /**
+     * The placeholder text and empty value display text for `<impdc-select>` instances in cells with a `ITableColumnDef` `columnType` = `SingleSelect` or `MultiSelect`.
+     */
+    selectPlaceholder: string;
+    /**
+     * The `columnDefs` index of the currently sorted column.
+     */
+    sortColumnIndex: number;
+    /**
+     * The direction of the currently sorted column.
+     */
+    sortDirection: 'asc' | 'desc';
+    /**
+     * The table row data as an array of `ITableRowItem`.
+     */
+    tableData: ITableRowItem[];
+    /**
+     * An array of currently selected IDs from the `tableData` input.  Array must be of type `(string | number)[]`.
+     */
+    set selectedRowIds(value: (string | number)[]);
+    get selectedRowIds(): (string | number)[];
+    /**
+     * The registered custom cell renderer components available to be used in the table instance.
+     * For a given `ITableColumnDef` in the `columnDefs` input, the `cellRendererComponent` property should be set to the key of the registered component in this input.
+     */
+    customCellComponents?: ICustomCellRendererComponents;
+    /**
+     * Event emitted when one or multiple rows are selected. Emits `(string | number)[]` payload.
+     */
+    readonly rowSelect: EventEmitter<(string | number)[]>;
+    /**
+     * Event emitted when a column is sorted. Emits `ISortByPayload` payload.
+     */
+    readonly sortBy: EventEmitter<ISortByPayload>;
+    /**
+     * Event emitted when a row link is clicked. Emits `ITableEventPayload` payload.
+     */
+    readonly linkClick: EventEmitter<ITableEventPayload<ITableRowItem>>;
+    /**
+     * Event emitted when a row action is clicked. Emits an `ITableRowActionPayload` payload.
+     */
+    readonly rowActionClick: EventEmitter<ITableRowActionPayload<ITableRowItem>>;
+    /** @ignore */
+    paginationComponent?: PaginationComponent;
+    /** @ignore */
+    bulkActions?: TableBulkActionsComponent;
+    /**
+     * Event emitted when a row input value is changed. Emitted cells of `columnType` `SinglSelect`, `MultiSelect`, `Input`, `Boolean` or `Icon`.
+     * Not emitted if column definition property `disabled` = `true`. Emits `ITableEventPayload` payload.
+     */
+    readonly inputChange: EventEmitter<ITableEventPayload<ITableRowItem>>;
+    /** @ignore */
+    readonly cellType: typeof TableColumnType;
+    /** @ignore */
+    allSelected: boolean;
+    /** @ignore */
+    get someSelected(): boolean;
+    /** @ignore */
+    readonly branded: boolean;
+    /** @ignore */
+    get tableSpan(): number;
+    private _canSelectRows;
+    private _canSelectAllRows;
+    private _selectedRowIds;
+    private readonly _inputChange;
+    constructor(_datePipe: DatePipe, _percentPipe: PercentPipe, _decmialPipe: DecimalPipe, _changeDetectorRef: ChangeDetectorRef, _branded: BrandedDirective);
+    ngOnChanges(changes: SimpleChanges): void;
+    getMailToValue(columnIndex: number, currentRow: ITableRowItem): string;
+    getStringValue(columnIndex: number, currentRow: ITableRowItem): string;
+    getValue(columnIndex: number, currentRow: ITableRowItem): string | string[];
+    getRawValue(columnIndex: number, currentRow: ITableRowItem): ITableRowItemValueTypes<ITableRowItemValue>;
+    getCellColor(columnDefinition: TableColumnDef, item: ITableRowItem): string;
+    getTheme(columnDefinition: TableColumnDef, item: ITableRowItem): ComponentTheme;
+    isSortedColumn(columnIndex: number): boolean;
+    isRowSelected(id: string | number): boolean;
+    handleSelectAll(event: CheckboxChangeEvent): void;
+    handleSort(columnIndex: number): void;
+    handleRowSelect(event: CheckboxChangeEvent, rowId: number | string): void;
+    handleCellValueChange(columnIndex: number, rowIndex: number, value: string | number | boolean | string[]): void;
+    handleLinkClick(columnIndex: number, item: ITableRowItem): void;
+    handleActionClick(columnIndex: number, item: ITableRowItem, actionApiName: string): void;
+    protected columnDefIsActions(columnDef: TableColumnDef<any>): columnDef is ITableActionsColumnDef<any>;
+    private _getColumnDefByIndex;
+    private _getValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, [null, null, null, null, { optional: true; host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "impdc-table", never, { "loading": { "alias": "loading"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "canSelectRows": { "alias": "canSelectRows"; "required": false; }; "canSelectAllRows": { "alias": "canSelectAllRows"; "required": false; }; "selectPlaceholder": { "alias": "selectPlaceholder"; "required": false; }; "sortColumnIndex": { "alias": "sortColumnIndex"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "customCellComponents": { "alias": "customCellComponents"; "required": false; }; }, { "rowSelect": "rowSelect"; "sortBy": "sortBy"; "linkClick": "linkClick"; "rowActionClick": "rowActionClick"; "inputChange": "inputChange"; }, ["paginationComponent", "bulkActions"], ["impdc-table-bulk-actions", "[impdcTableBulkActions]", "[noData]", "impdc-pagination, div[impdc-pagination]"], false, never>;
+}

package/lib/table/directives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './table-inject-component.directive';
+export * from './table.directive';

package/lib/table/directives/table-inject-component.directive.d.ts

@@ -0,0 +1,16 @@
+import { ComponentFactoryResolver, OnInit, ViewContainerRef } from '@angular/core';
+import { ICustomCellRendererComponents, ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes, TableColumnDef } from '../interfaces/index';
+import * as i0 from "@angular/core";
+export declare class TableInjectComponentDirective implements OnInit {
+    private readonly _viewContainerRef;
+    private readonly _componentFactoryResolver;
+    columnDef: TableColumnDef;
+    value: ITableRowItemValueTypes<ITableRowItemValue>;
+    rowItem: ITableRowItem;
+    customCellComponents: ICustomCellRendererComponents;
+    constructor(_viewContainerRef: ViewContainerRef, _componentFactoryResolver: ComponentFactoryResolver);
+    ngOnInit(): void;
+    private _renderCustomCell;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableInjectComponentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableInjectComponentDirective, "[impdcTableInjectComponent]", never, { "columnDef": { "alias": "columnDef"; "required": true; }; "value": { "alias": "value"; "required": false; }; "rowItem": { "alias": "rowItem"; "required": false; }; "customCellComponents": { "alias": "customCellComponents"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/table/directives/table.directive.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+/**
+ * The `TableDirective` (`<table impdcTable`) that adds Hex styling to a `table` element.
+ * To use, import `TableModule` or another module that imports and exports that module from `@impartner/design-components`.
+ */
+export declare class TableDirective {
+    /**
+     * Stripes every other row in a slightly darker background color.
+     */
+    striped: boolean;
+    private classTable;
+    private get classTableStriped();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableDirective, "table[impdcTable]", never, { "striped": { "alias": "striped"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/table/enumerations/index.d.ts

@@ -0,0 +1 @@
+export * from './table-column-type';

package/lib/table/enumerations/table-column-type.d.ts

@@ -0,0 +1,19 @@
+export declare enum TableColumnType {
+    Badge = "Badge",
+    Boolean = "Boolean",
+    Link = "Link",
+    Text = "Text",
+    Input = "Input",
+    Currency = "Currency",
+    Decimal = "Decimal",
+    Date = "Date",
+    DateTime = "DateTime",
+    Percentage = "Percentage",
+    CellRender = "CellRender",
+    SingleSelect = "SingleSelect",
+    MultiSelect = "MultiSelect",
+    Icon = "Icon",
+    Email = "Email",
+    Url = "Url",
+    Actions = "Actions"
+}

package/lib/table/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './table-theme.helper';

package/lib/table/helpers/table-theme.helper.d.ts

@@ -0,0 +1,7 @@
+import { ITableRowItem, TableColumnDef } from '../interfaces';
+import { ComponentTheme } from '../../../types';
+export declare class TableThemeHelper {
+    static getTheme({ fieldColor, color, colorGetter }: TableColumnDef, currentRow: ITableRowItem): ComponentTheme | undefined;
+    static getCellColor(columnDefinition: TableColumnDef, currentRow: ITableRowItem): string;
+    static getColor(color?: ComponentTheme): string;
+}

package/lib/table/index.d.ts

@@ -1,2 +1,7 @@
-export { TableComponent } from './table.component';
-export { TableModule } from './table.module';
+export * from './table.module';
+export * from './containers';
+export * from './components';
+export * from './directives';
+export * from './helpers';
+export * from './enumerations';
+export * from './interfaces';

package/lib/table/interfaces/cell-renderer.interface.d.ts

@@ -0,0 +1,6 @@
+import { ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes } from './table-row-item.interface';
+export interface ICellRenderer<T = ITableRowItem, P = object> {
+    value: ITableRowItemValueTypes<ITableRowItemValue>;
+    rowItem: T;
+    params?: P;
+}

package/lib/table/interfaces/custom-cell-renderer-components.type.d.ts

@@ -0,0 +1,3 @@
+import { Type } from '@angular/core';
+import { ICellRenderer } from './index';
+export type ICustomCellRendererComponents = Record<string, Type<ICellRenderer>>;

package/lib/table/interfaces/index.d.ts

@@ -0,0 +1,10 @@
+export * from './table-column-defs.type';
+export * from './table-event-payload.interface';
+export * from './sort-by-payload.interface';
+export * from './table-row-item.interface';
+export * from './cell-renderer.interface';
+export * from './cell-renderer.interface';
+export * from './custom-cell-renderer-components.type';
+export * from './table-cell-option.interface';
+export * from './table-row-action.interface';
+export * from './table-row-action-payload.interface';

package/lib/table/interfaces/sort-by-payload.interface.d.ts

@@ -0,0 +1,5 @@
+export interface ISortByPayload {
+    field: string;
+    columnIndex: number;
+    direction: 'asc' | 'desc';
+}

package/lib/table/interfaces/table-cell-option.interface.d.ts

@@ -0,0 +1,4 @@
+export interface ITableCellOption {
+    value: string;
+    label: string;
+}

package/lib/table/interfaces/table-column-defs.type.d.ts

@@ -0,0 +1,29 @@
+import { TableColumnType } from '../enumerations/index';
+import { ComponentTheme } from '../../../types';
+import { ITableRowItem } from './table-row-item.interface';
+import { ITableCellOption } from './table-cell-option.interface';
+import { ITableRowAction } from './table-row-action.interface';
+export interface ITableColumnDef<T = ITableRowItem> {
+    readonly columnType: TableColumnType;
+    title: string;
+    field?: string;
+    valueGetter?: (record: T) => string;
+    color?: ComponentTheme;
+    colorGetter?: (record: T) => ComponentTheme;
+    fieldColor?: string;
+    sorted?: boolean;
+    boldedText?: boolean;
+    truncated?: number;
+    cellRendererComponent?: string;
+    cellRendererParams?: object;
+    noPadding?: boolean;
+    values?: ITableCellOption[];
+    iconName?: string;
+    disabled?: boolean;
+}
+export interface ITableActionsColumnDef<T = ITableRowItem> extends ITableColumnDef<T> {
+    readonly columnType: TableColumnType.Actions;
+    actions: ITableRowAction[];
+    actionType: 'icon' | 'button' | 'link';
+}
+export type TableColumnDef<T = ITableRowItem> = ITableActionsColumnDef<T> | ITableColumnDef<T>;

package/lib/table/interfaces/table-event-payload.interface.d.ts

@@ -0,0 +1,6 @@
+import { ITableRowItem } from './table-row-item.interface';
+export interface ITableEventPayload<T = ITableRowItem> {
+    item: T;
+    columnIndex: number;
+    value?: string | number | boolean | string[];
+}

package/lib/table/interfaces/table-row-action-payload.interface.d.ts

@@ -0,0 +1,6 @@
+import { ITableRowItem } from './table-row-item.interface';
+export interface ITableRowActionPayload<T = ITableRowItem> {
+    item: T;
+    columnIndex: number;
+    actionApiName: string;
+}

package/lib/table/interfaces/table-row-action.interface.d.ts

@@ -0,0 +1,9 @@
+import { ComponentTheme } from 'projects/design-components/src/types';
+import { ITableRowItem } from './table-row-item.interface';
+export interface ITableRowAction {
+    apiName: string;
+    text: string;
+    iconName: string;
+    theme?: ComponentTheme;
+    isVisible?: (rowItem: ITableRowItem) => boolean;
+}

package/lib/table/interfaces/table-row-item.interface.d.ts

@@ -0,0 +1,9 @@
+export interface IIdentifiable {
+    id: string | number;
+}
+export type ITableRowItemValueTypes<T = never> = string | number | boolean | Array<string | number> | T | Array<T>;
+export interface ITableRowItemBase<T = never> {
+    [field: string]: ITableRowItemValueTypes<T>;
+}
+export type ITableRowItemValue = ITableRowItemBase<ITableRowItemBase<ITableRowItemBase>>;
+export type ITableRowItem = IIdentifiable & ITableRowItemValue;

package/lib/table/table.module.d.ts

@@ -1,9 +1,23 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./table.component";
-import * as i2 from "../button/button.module";
+import * as i1 from "./directives/table.directive";
+import * as i2 from "./containers/table.component";
+import * as i3 from "./components/column-heading/column-heading.component";
+import * as i4 from "./directives/table-inject-component.directive";
+import * as i5 from "./components/bulk-actions/bulk-actions.component";
+import * as i6 from "./components/row-actions/row-actions.component";
+import * as i7 from "@angular/common";
+import * as i8 from "../button/button.module";
+import * as i9 from "../pagination/pagination.module";
+import * as i10 from "../icon/icon.module";
+import * as i11 from "../form-field/impdc-forms.module";
+import * as i12 from "@angular/forms";
+import * as i13 from "../spinner/spinner.module";
+import * as i14 from "../badge/badge.module";
+import * as i15 from "../branding/branding.module";
+import * as i16 from "@ng-bootstrap/ng-bootstrap";
 export declare class TableModule {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent], [typeof i2.ButtonModule], [typeof i2.ButtonModule, typeof i1.TableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableDirective, typeof i2.TableComponent, typeof i3.ColumnHeadingComponent, typeof i4.TableInjectComponentDirective, typeof i5.TableBulkActionsComponent, typeof i6.RowActionsComponent], [typeof i7.CommonModule, typeof i8.ButtonModule, typeof i9.PaginationModule, typeof i10.IconModule, typeof i11.ImpdcFormsModule, typeof i12.FormsModule, typeof i13.SpinnerModule, typeof i14.BadgeModule, typeof i15.BrandingModule, typeof i16.NgbDropdownModule], [typeof i8.ButtonModule, typeof i1.TableDirective, typeof i3.ColumnHeadingComponent, typeof i5.TableBulkActionsComponent, typeof i9.PaginationModule, typeof i2.TableComponent, typeof i10.IconModule, typeof i4.TableInjectComponentDirective, typeof i15.BrandingModule, typeof i6.RowActionsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
 }