@impartner/design-components 1.2.0 → 2.0.1

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

@@ -54,5 +54,5 @@ export declare class PaginationComponent {
     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"; "perPageLabel": "perPageLabel"; }, { "goToPage": "goToPage"; "perPageChange": "perPageChange"; }, 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/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

@@ -1,5 +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>;
+    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

@@ -10,5 +10,5 @@ export declare class ColumnHeadingComponent {
     sort: EventEmitter<number>;
     onSort(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnHeadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnHeadingComponent, "impdc-column-heading", never, { "isSortable": "isSortable"; "columnIndex": "columnIndex"; "sortColumnIndex": "sortColumnIndex"; "direction": "direction"; "text": "text"; }, { "sort": "sort"; }, never, never, false>;
+    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

@@ -1,2 +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/containers/table.component.d.ts

@@ -1,7 +1,7 @@
 import { DatePipe, DecimalPipe, PercentPipe } from '@angular/common';
 import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { TableColumnType } from '../enumerations/index';
-import { ICustomCellRendererComponents, ISortByPayload, ITableColumnDef, ITableEventPayload, ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes } from '../interfaces/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';
@@ -29,7 +29,7 @@ export declare class TableComponent implements OnChanges {
      * 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: ITableColumnDef[];
+    columnDefs: TableColumnDef[];
     /**
      * Whether the table is striped.
      */
@@ -82,6 +82,10 @@ export declare class TableComponent implements OnChanges {
      * 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 */
@@ -92,7 +96,7 @@ export declare class TableComponent implements OnChanges {
      */
     readonly inputChange: EventEmitter<ITableEventPayload<ITableRowItem>>;
     /** @ignore */
-    cellType: typeof TableColumnType;
+    readonly cellType: typeof TableColumnType;
     /** @ignore */
     allSelected: boolean;
     /** @ignore */
@@ -111,8 +115,8 @@ export declare class TableComponent implements OnChanges {
     getStringValue(columnIndex: number, currentRow: ITableRowItem): string;
     getValue(columnIndex: number, currentRow: ITableRowItem): string | string[];
     getRawValue(columnIndex: number, currentRow: ITableRowItem): ITableRowItemValueTypes<ITableRowItemValue>;
-    getCellColor(columnDefinition: ITableColumnDef, item: ITableRowItem): string;
-    getTheme(columnDefinition: ITableColumnDef, item: ITableRowItem): ComponentTheme;
+    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;
@@ -120,8 +124,10 @@ export declare class TableComponent implements OnChanges {
     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": "loading"; "columnDefs": "columnDefs"; "striped": "striped"; "canSelectRows": "canSelectRows"; "canSelectAllRows": "canSelectAllRows"; "selectPlaceholder": "selectPlaceholder"; "sortColumnIndex": "sortColumnIndex"; "sortDirection": "sortDirection"; "tableData": "tableData"; "selectedRowIds": "selectedRowIds"; "customCellComponents": "customCellComponents"; }, { "rowSelect": "rowSelect"; "sortBy": "sortBy"; "linkClick": "linkClick"; "inputChange": "inputChange"; }, ["paginationComponent", "bulkActions"], ["impdc-table-bulk-actions", "[impdcTableBulkActions]", "[noData]", "impdc-pagination, div[impdc-pagination]"], false>;
+    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/table-inject-component.directive.d.ts

@@ -1,10 +1,10 @@
 import { ComponentFactoryResolver, OnInit, ViewContainerRef } from '@angular/core';
-import { ICustomCellRendererComponents, ITableColumnDef, ITableRowItem, ITableRowItemValue, ITableRowItemValueTypes } from '../interfaces/index';
+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: ITableColumnDef;
+    columnDef: TableColumnDef;
     value: ITableRowItemValueTypes<ITableRowItemValue>;
     rowItem: ITableRowItem;
     customCellComponents: ICustomCellRendererComponents;
@@ -12,5 +12,5 @@ export declare class TableInjectComponentDirective implements OnInit {
     ngOnInit(): void;
     private _renderCustomCell;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableInjectComponentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableInjectComponentDirective, "[impdcTableInjectComponent]", never, { "columnDef": "columnDef"; "value": "value"; "rowItem": "rowItem"; "customCellComponents": "customCellComponents"; }, {}, never, never, false>;
+    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

@@ -11,5 +11,5 @@ export declare class TableDirective {
     private classTable;
     private get classTableStriped();
     static ɵfac: i0.ɵɵFactoryDeclaration<TableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TableDirective, "table[impdcTable]", never, { "striped": "striped"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableDirective, "table[impdcTable]", never, { "striped": { "alias": "striped"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -14,5 +14,6 @@ export declare enum TableColumnType {
     MultiSelect = "MultiSelect",
     Icon = "Icon",
     Email = "Email",
-    Url = "Url"
+    Url = "Url",
+    Actions = "Actions"
 }

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

@@ -1,7 +1,7 @@
-import { ITableColumnDef, ITableRowItem } from '../interfaces';
+import { ITableRowItem, TableColumnDef } from '../interfaces';
 import { ComponentTheme } from '../../../types';
 export declare class TableThemeHelper {
-    static getTheme({ fieldColor, color, colorGetter }: ITableColumnDef, currentRow: ITableRowItem): ComponentTheme | undefined;
-    static getCellColor(columnDefinition: ITableColumnDef, currentRow: ITableRowItem): string;
-    private static _getCellColor;
+    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/interfaces/custom-cell-renderer-components.type.d.ts

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

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

@@ -1,4 +1,4 @@
-export * from './table-column-def.interface';
+export * from './table-column-defs.type';
 export * from './table-event-payload.interface';
 export * from './sort-by-payload.interface';
 export * from './table-row-item.interface';
@@ -6,3 +6,5 @@ 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/{table-column-def.interface.d.ts → table-column-defs.type.d.ts}

@@ -2,14 +2,15 @@ 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;
-    columnType?: TableColumnType | string;
     sorted?: boolean;
     boldedText?: boolean;
     truncated?: number;
@@ -20,3 +21,9 @@ export interface ITableColumnDef<T = ITableRowItem> {
     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-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 '../../../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

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

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

@@ -4,18 +4,20 @@ 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 "@angular/common";
-import * as i7 from "../button/button.module";
-import * as i8 from "../pagination/pagination.module";
-import * as i9 from "../icon/icon.module";
-import * as i10 from "../form-field/impdc-forms.module";
-import * as i11 from "@angular/forms";
-import * as i12 from "../spinner/spinner.module";
-import * as i13 from "../badge/badge.module";
-import * as i14 from "../branding/branding.module";
+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.TableDirective, typeof i2.TableComponent, typeof i3.ColumnHeadingComponent, typeof i4.TableInjectComponentDirective, typeof i5.TableBulkActionsComponent], [typeof i6.CommonModule, typeof i7.ButtonModule, typeof i8.PaginationModule, typeof i9.IconModule, typeof i10.ImpdcFormsModule, typeof i11.FormsModule, typeof i12.SpinnerModule, typeof i13.BadgeModule, typeof i14.BrandingModule], [typeof i7.ButtonModule, typeof i1.TableDirective, typeof i3.ColumnHeadingComponent, typeof i5.TableBulkActionsComponent, typeof i8.PaginationModule, typeof i2.TableComponent, typeof i9.IconModule, typeof i4.TableInjectComponentDirective, typeof i14.BrandingModule]>;
+    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>;
 }

package/lib/text-highlight/text-highlight.component.d.ts

@@ -27,5 +27,5 @@ export declare class TextHighlightComponent implements OnChanges {
     checkMatch(match: any): boolean;
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextHighlightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextHighlightComponent, "impdc-text-highlight, [impdc-text-highlight]", never, { "text": "text"; "search": "search"; "method": "method"; "exact": "exact"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextHighlightComponent, "impdc-text-highlight, [impdc-text-highlight]", never, { "text": { "alias": "text"; "required": false; }; "search": { "alias": "search"; "required": false; }; "method": { "alias": "method"; "required": false; }; "exact": { "alias": "exact"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impartner/design-components",
-  "version": "1.2.0",
+  "version": "2.0.1",
   "author": "Impartner",
   "license": "BSD-3-Clause",
   "private": false,
@@ -12,28 +12,24 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": ">= 14",
-    "@angular/core": ">= 14",
-    "@angular/forms": ">= 14",
-    "@angular/localize": ">= 14",
-    "@impartner/design": "^1.0.1",
-    "@ng-bootstrap/ng-bootstrap": "^13.1.1",
-    "@popperjs/core": "^2.10.2",
-    "nanoid": "^4.0.0",
-    "rxjs": ">= 7",
-    "sanitize-html": "^2.10.0",
-    "lodash": "4.17.21"
+    "@angular/common": ">=17.0.1",
+    "@angular/core": ">=17.0.1",
+    "@angular/forms": ">=17.0.1",
+    "@angular/localize": ">=17.0.1",
+    "@impartner/design": "^2.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^16.0.0",
+    "@popperjs/core": "^2.11.8",
+    "lodash": "^4.17.21",
+    "nanoid": "^5.0.4",
+    "rxjs": "^7.5.0",
+    "sanitize-html": "^2.10.0"
   },
   "peerDependenciesMeta": {
     "@impartner/design": {
       "optional": true
     }
   },
-  "module": "fesm2015/impartner-design-components.mjs",
-  "es2020": "fesm2020/impartner-design-components.mjs",
-  "esm2020": "esm2020/impartner-design-components.mjs",
-  "fesm2020": "fesm2020/impartner-design-components.mjs",
-  "fesm2015": "fesm2015/impartner-design-components.mjs",
+  "module": "fesm2022/impartner-design-components.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -41,11 +37,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/impartner-design-components.mjs",
-      "es2020": "./fesm2020/impartner-design-components.mjs",
-      "es2015": "./fesm2015/impartner-design-components.mjs",
-      "node": "./fesm2015/impartner-design-components.mjs",
-      "default": "./fesm2020/impartner-design-components.mjs"
+      "esm2022": "./esm2022/impartner-design-components.mjs",
+      "esm": "./esm2022/impartner-design-components.mjs",
+      "default": "./fesm2022/impartner-design-components.mjs"
     }
   },
   "sideEffects": false

package/services/index.d.ts

@@ -1 +1 @@
-export { InteractableComponent, InteractionService } from './interaction.service';
+export { IInteractableComponent, IBackdropComponent, InteractionService } from './interaction.service';

package/services/interaction.service.d.ts

@@ -1,18 +1,28 @@
-import { BackdropComponent, DropdownComponent, ModalComponent } from '../lib';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare type InteractableComponent = ModalComponent | DropdownComponent;
+export interface IInteractableComponent {
+    readonly interactableId: string;
+    show: boolean;
+    hide?: () => void;
+}
+export interface IBackdropComponent {
+    validate(): void;
+    invalidate(): void;
+    get valid(): boolean;
+}
 export declare class InteractionService {
     private _backdrop?;
     private _interactables;
-    private _backdropQueue;
+    private readonly _backdropQueueSubject;
+    readonly showBackdrop$: Observable<boolean>;
     get showBackdrop(): boolean;
-    registerBackdrop(modalBackdrop: BackdropComponent): void;
-    unregisterBackdrop(modalBackdrop: BackdropComponent): void;
-    add(interactable: InteractableComponent): number;
-    remove(interactableId: number): void;
-    toggle(interactable: InteractableComponent): boolean;
-    queueBackdrop(interactableId: number): void;
-    dequeueBackdrop(interactableId: number): void;
+    registerBackdrop(modalBackdrop: IBackdropComponent): void;
+    unregisterBackdrop(modalBackdrop: IBackdropComponent): void;
+    add(interactable: IInteractableComponent): string;
+    remove(interactableId: string): void;
+    toggle(interactable: IInteractableComponent): boolean;
+    queueBackdrop(interactableId: string): void;
+    dequeueBackdrop(interactableId: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractionService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<InteractionService>;
 }

package/types/component-size.d.ts

@@ -8,5 +8,5 @@ export declare enum ComponentSize {
     XXLarge = "xxl",
     Fullscreen = "fs"
 }
-export declare type PrimaryComponentSizes = ComponentSize.XSmall | ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large | ComponentSize.XLarge | ComponentSize.XXLarge;
-export declare type SecondaryComponentSizes = ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
+export type PrimaryComponentSizes = ComponentSize.XSmall | ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large | ComponentSize.XLarge | ComponentSize.XXLarge;
+export type SecondaryComponentSizes = ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;

package/types/component-theme.d.ts

@@ -9,4 +9,4 @@ export declare enum ComponentTheme {
     Dark = "dark"
 }
 export declare const ComponentThemesArr: ComponentTheme[];
-export declare type ComponentThemes = typeof ComponentThemesArr[number];
+export type ComponentThemes = (typeof ComponentThemesArr)[number];

package/utilities/boolean-props.d.ts

@@ -1,7 +1,7 @@
 /**
  * Type representing allowable values for a boolean input.
  */
-export declare type BooleanInput = string | boolean | null | undefined;
+export type BooleanInput = string | boolean | null | undefined;
 /**
  * Coerces a value provided via data-binding (usually a string) to a boolean.
  */

package/utilities/number-props.d.ts

@@ -2,7 +2,7 @@
  * Type describing the allowed values for a number input
  * @ignore
  */
-export declare type NumberInput = string | number | null | undefined;
+export type NumberInput = string | number | null | undefined;
 /**
  * Coerces a value provided via data-binding (usually a string) to a number.
  */