@onecx/angular-accelerator 6.18.0 → 6.19.0

package/lib/components/data-table/data-table.component.d.ts

@@ -32,6 +32,7 @@ export interface DataTableComponentState {
     filters?: Filter[];
     sorting?: Sort;
     selectedRows?: Row[];
+    expandedRows?: Row[];
     activePage?: number;
     pageSize?: number;
 }
@@ -146,6 +147,9 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     set additionalActions(value: DataAction[]);
     frozenActionColumn: boolean;
     actionColumnPosition: 'left' | 'right';
+    set expandedRows(value: Row[] | string[] | number[]);
+    expandable: boolean;
+    frozenExpandColumn: boolean;
     filtered: EventEmitter<Filter[]>;
     sorted: EventEmitter<Sort>;
     viewTableRow: EventEmitter<Row>;
@@ -155,6 +159,8 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     pageChanged: EventEmitter<number>;
     pageSizeChanged: EventEmitter<number>;
     componentStateChanged: EventEmitter<DataTableComponentState>;
+    rowExpanded: EventEmitter<Row>;
+    rowCollapsed: EventEmitter<Row>;
     displayedRows$: Observable<unknown[]> | undefined;
     selectedRows$: Observable<unknown[]> | undefined;
     currentFilterColumn$: BehaviorSubject<DataTableColumn | null>;
@@ -183,8 +189,14 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     get editTableRowObserved(): boolean;
     get deleteTableRowObserved(): boolean;
     get anyRowActionObserved(): boolean;
+    get actionColumnVisible(): boolean;
+    getRowColspan(hasExpansionTemplate: boolean): number;
     get selectionChangedObserved(): boolean;
     templatesObservables: Record<string, Observable<TemplateRef<any> | null>>;
+    allTemplates$: Observable<PrimeTemplate[]> | undefined;
+    expansionTemplate$: Observable<PrimeTemplate | undefined> | undefined;
+    expandedRowIds$: BehaviorSubject<(string | number)[]>;
+    expandedRowKeys: Record<string, boolean>;
     private cachedOverflowActions$;
     private cachedOverflowMenuItemsVisibility$;
     constructor();
@@ -192,6 +204,10 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     translateColumnValues(columnValues: string[]): Observable<any>;
     emitComponentStateChanged(state?: DataTableComponentState): void;
     ngAfterContentInit(): void;
+    onRowExpand(event: any): void;
+    onRowCollapse(event: any): void;
+    isRowExpanded(row: Row): boolean;
+    toggleRowExpansion(row: Row): void;
     onSortColumnClick(sortColumn: string): void;
     columnNextSortDirection(sortColumn: string): DataSortDirection;
     onDeleteRow(selectedTableRow: Row): void;
@@ -226,6 +242,6 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     private filterActionsBasedOnPermissions;
     private mapActions;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ocx-data-table", never, { "rows": { "alias": "rows"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortColumn": { "alias": "sortColumn"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "name": { "alias": "name"; "required": false; }; "deletePermission": { "alias": "deletePermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "selectionEnabledField": { "alias": "selectionEnabledField"; "required": false; }; "allowSelectAll": { "alias": "allowSelectAll"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "stringCellTemplate": { "alias": "stringCellTemplate"; "required": false; }; "numberCellTemplate": { "alias": "numberCellTemplate"; "required": false; }; "dateCellTemplate": { "alias": "dateCellTemplate"; "required": false; }; "relativeDateCellTemplate": { "alias": "relativeDateCellTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "translationKeyCellTemplate": { "alias": "translationKeyCellTemplate"; "required": false; }; "stringFilterCellTemplate": { "alias": "stringFilterCellTemplate"; "required": false; }; "numberFilterCellTemplate": { "alias": "numberFilterCellTemplate"; "required": false; }; "dateFilterCellTemplate": { "alias": "dateFilterCellTemplate"; "required": false; }; "relativeDateFilterCellTemplate": { "alias": "relativeDateFilterCellTemplate"; "required": false; }; "filterCellTemplate": { "alias": "filterCellTemplate"; "required": false; }; "translationKeyFilterCellTemplate": { "alias": "translationKeyFilterCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate", "stringFilterCellChildTemplate", "numberFilterCellChildTemplate", "dateFilterCellChildTemplate", "relativeDateFilterCellChildTemplate", "filterCellChildTemplate", "translationKeyFilterCellChildTemplate", "templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ocx-data-table", never, { "rows": { "alias": "rows"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortColumn": { "alias": "sortColumn"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "name": { "alias": "name"; "required": false; }; "deletePermission": { "alias": "deletePermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "selectionEnabledField": { "alias": "selectionEnabledField"; "required": false; }; "allowSelectAll": { "alias": "allowSelectAll"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "stringCellTemplate": { "alias": "stringCellTemplate"; "required": false; }; "numberCellTemplate": { "alias": "numberCellTemplate"; "required": false; }; "dateCellTemplate": { "alias": "dateCellTemplate"; "required": false; }; "relativeDateCellTemplate": { "alias": "relativeDateCellTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "translationKeyCellTemplate": { "alias": "translationKeyCellTemplate"; "required": false; }; "stringFilterCellTemplate": { "alias": "stringFilterCellTemplate"; "required": false; }; "numberFilterCellTemplate": { "alias": "numberFilterCellTemplate"; "required": false; }; "dateFilterCellTemplate": { "alias": "dateFilterCellTemplate"; "required": false; }; "relativeDateFilterCellTemplate": { "alias": "relativeDateFilterCellTemplate"; "required": false; }; "filterCellTemplate": { "alias": "filterCellTemplate"; "required": false; }; "translationKeyFilterCellTemplate": { "alias": "translationKeyFilterCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "expandedRows": { "alias": "expandedRows"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate", "stringFilterCellChildTemplate", "numberFilterCellChildTemplate", "dateFilterCellChildTemplate", "relativeDateFilterCellChildTemplate", "filterCellChildTemplate", "translationKeyFilterCellChildTemplate", "templates"], never, false, never>;
 }
 export {};

package/lib/components/data-view/data-view.component.d.ts

@@ -53,6 +53,9 @@ export declare class DataViewComponent implements DoCheck, OnInit, AfterContentI
     selectedRows: Row[];
     frozenActionColumn: boolean;
     actionColumnPosition: 'left' | 'right';
+    expandable: boolean;
+    frozenExpandColumn: boolean;
+    expandedRows: Row[] | string[] | number[];
     get paginator(): boolean;
     set paginator(value: boolean);
     sortStates: DataSortDirection[];
@@ -134,6 +137,8 @@ export declare class DataViewComponent implements DoCheck, OnInit, AfterContentI
     pageChanged: EventEmitter<number>;
     pageSizeChanged: EventEmitter<number>;
     componentStateChanged: EventEmitter<DataViewComponentState>;
+    rowExpanded: EventEmitter<Row>;
+    rowCollapsed: EventEmitter<Row>;
     isDeleteItemObserved: boolean | undefined;
     isViewItemObserved: boolean | undefined;
     IsEditItemObserved: boolean | undefined;
@@ -161,5 +166,5 @@ export declare class DataViewComponent implements DoCheck, OnInit, AfterContentI
     onPageChange(event: number): void;
     onPageSizeChange(event: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataViewComponent, "ocx-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "stringTableCellTemplate": { "alias": "stringTableCellTemplate"; "required": false; }; "numberTableCellTemplate": { "alias": "numberTableCellTemplate"; "required": false; }; "dateTableCellTemplate": { "alias": "dateTableCellTemplate"; "required": false; }; "tableCellTemplate": { "alias": "tableCellTemplate"; "required": false; }; "translationKeyTableCellTemplate": { "alias": "translationKeyTableCellTemplate"; "required": false; }; "gridItemSubtitleLinesTemplate": { "alias": "gridItemSubtitleLinesTemplate"; "required": false; }; "listItemSubtitleLinesTemplate": { "alias": "listItemSubtitleLinesTemplate"; "required": false; }; "gridItemTemplate": { "alias": "gridItemTemplate"; "required": false; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; }; "relativeDateTableCellTemplate": { "alias": "relativeDateTableCellTemplate"; "required": false; }; "listValueTemplate": { "alias": "listValueTemplate"; "required": false; }; "translationKeyListValueTemplate": { "alias": "translationKeyListValueTemplate"; "required": false; }; "numberListValueTemplate": { "alias": "numberListValueTemplate"; "required": false; }; "relativeDateListValueTemplate": { "alias": "relativeDateListValueTemplate"; "required": false; }; "stringListValueTemplate": { "alias": "stringListValueTemplate"; "required": false; }; "dateListValueTemplate": { "alias": "dateListValueTemplate"; "required": false; }; "tableFilterCellTemplate": { "alias": "tableFilterCellTemplate"; "required": false; }; "dateTableFilterCellTemplate": { "alias": "dateTableFilterCellTemplate"; "required": false; }; "relativeDateTableFilterCellTemplate": { "alias": "relativeDateTableFilterCellTemplate"; "required": false; }; "translationKeyTableFilterCellTemplate": { "alias": "translationKeyTableFilterCellTemplate"; "required": false; }; "stringTableFilterCellTemplate": { "alias": "stringTableFilterCellTemplate"; "required": false; }; "numberTableFilterCellTemplate": { "alias": "numberTableFilterCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["stringTableCellChildTemplate", "numberTableCellChildTemplate", "dateTableCellChildTemplate", "tableCellChildTemplate", "translationKeyTableCellChildTemplate", "gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "gridItemChildTemplate", "listItemChildTemplate", "relativeDateTableCellChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "tableFilterCellChildTemplate", "dateTableFilterCellChildTemplate", "relativeDateTableFilterCellChildTemplate", "translationKeyTableFilterCellChildTemplate", "stringTableFilterCellChildTemplate", "numberTableFilterCellChildTemplate", "templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataViewComponent, "ocx-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; }; "expandedRows": { "alias": "expandedRows"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "stringTableCellTemplate": { "alias": "stringTableCellTemplate"; "required": false; }; "numberTableCellTemplate": { "alias": "numberTableCellTemplate"; "required": false; }; "dateTableCellTemplate": { "alias": "dateTableCellTemplate"; "required": false; }; "tableCellTemplate": { "alias": "tableCellTemplate"; "required": false; }; "translationKeyTableCellTemplate": { "alias": "translationKeyTableCellTemplate"; "required": false; }; "gridItemSubtitleLinesTemplate": { "alias": "gridItemSubtitleLinesTemplate"; "required": false; }; "listItemSubtitleLinesTemplate": { "alias": "listItemSubtitleLinesTemplate"; "required": false; }; "gridItemTemplate": { "alias": "gridItemTemplate"; "required": false; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; }; "relativeDateTableCellTemplate": { "alias": "relativeDateTableCellTemplate"; "required": false; }; "listValueTemplate": { "alias": "listValueTemplate"; "required": false; }; "translationKeyListValueTemplate": { "alias": "translationKeyListValueTemplate"; "required": false; }; "numberListValueTemplate": { "alias": "numberListValueTemplate"; "required": false; }; "relativeDateListValueTemplate": { "alias": "relativeDateListValueTemplate"; "required": false; }; "stringListValueTemplate": { "alias": "stringListValueTemplate"; "required": false; }; "dateListValueTemplate": { "alias": "dateListValueTemplate"; "required": false; }; "tableFilterCellTemplate": { "alias": "tableFilterCellTemplate"; "required": false; }; "dateTableFilterCellTemplate": { "alias": "dateTableFilterCellTemplate"; "required": false; }; "relativeDateTableFilterCellTemplate": { "alias": "relativeDateTableFilterCellTemplate"; "required": false; }; "translationKeyTableFilterCellTemplate": { "alias": "translationKeyTableFilterCellTemplate"; "required": false; }; "stringTableFilterCellTemplate": { "alias": "stringTableFilterCellTemplate"; "required": false; }; "numberTableFilterCellTemplate": { "alias": "numberTableFilterCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; }, ["stringTableCellChildTemplate", "numberTableCellChildTemplate", "dateTableCellChildTemplate", "tableCellChildTemplate", "translationKeyTableCellChildTemplate", "gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "gridItemChildTemplate", "listItemChildTemplate", "relativeDateTableCellChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "tableFilterCellChildTemplate", "dateTableFilterCellChildTemplate", "relativeDateTableFilterCellChildTemplate", "translationKeyTableFilterCellChildTemplate", "stringTableFilterCellChildTemplate", "numberTableFilterCellChildTemplate", "templates"], never, false, never>;
 }

package/lib/components/interactive-data-view/interactive-data-view.component.d.ts

@@ -86,6 +86,9 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     actionColumnPosition: 'left' | 'right';
     headerStyleClass: string | undefined;
     contentStyleClass: string | undefined;
+    expandable: boolean;
+    frozenExpandColumn: boolean;
+    expandedRows: Row[] | string[] | number[];
     tableCell: TemplateRef<any> | undefined;
     primeNgTableCell: TemplateRef<any> | undefined;
     dateTableCell: TemplateRef<any> | undefined;
@@ -144,6 +147,8 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     selectionChanged: EventEmitter<Row[]>;
     pageChanged: EventEmitter<number>;
     pageSizeChanged: EventEmitter<number>;
+    rowExpanded: EventEmitter<Row>;
+    rowCollapsed: EventEmitter<Row>;
     componentStateChanged: EventEmitter<InteractiveDataViewComponentState>;
     selectedGroupKey$: BehaviorSubject<string | undefined>;
     get selectedGroupKey(): string | undefined;
@@ -202,5 +207,5 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     onPageSizeChange(event: number): void;
     getDisplayedColumns(): DataTableColumn[];
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveDataViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; }; "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "disableFilterView": { "alias": "disableFilterView"; "required": false; }; "filterViewDisplayMode": { "alias": "filterViewDisplayMode"; "required": false; }; "filterViewChipStyleClass": { "alias": "filterViewChipStyleClass"; "required": false; }; "filterViewTableStyle": { "alias": "filterViewTableStyle"; "required": false; }; "filterViewPanelStyle": { "alias": "filterViewPanelStyle"; "required": false; }; "selectDisplayedChips": { "alias": "selectDisplayedChips"; "required": false; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumnKeys": { "alias": "displayedColumnKeys"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["tableCell", "dateTableCell", "relativeDateTableCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "stringListValue", "dateListValue", "tableFilterCell", "dateTableFilterCell", "relativeDateTableFilterCell", "translationKeyTableFilterCell", "stringTableFilterCell", "numberTableFilterCell", "templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; }; "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "disableFilterView": { "alias": "disableFilterView"; "required": false; }; "filterViewDisplayMode": { "alias": "filterViewDisplayMode"; "required": false; }; "filterViewChipStyleClass": { "alias": "filterViewChipStyleClass"; "required": false; }; "filterViewTableStyle": { "alias": "filterViewTableStyle"; "required": false; }; "filterViewPanelStyle": { "alias": "filterViewPanelStyle"; "required": false; }; "selectDisplayedChips": { "alias": "selectDisplayedChips"; "required": false; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumnKeys": { "alias": "displayedColumnKeys"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; }; "expandedRows": { "alias": "expandedRows"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; "componentStateChanged": "componentStateChanged"; }, ["tableCell", "dateTableCell", "relativeDateTableCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "stringListValue", "dateListValue", "tableFilterCell", "dateTableFilterCell", "relativeDateTableFilterCell", "translationKeyTableFilterCell", "stringTableFilterCell", "numberTableFilterCell", "templates"], never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "6.18.0",
+  "version": "6.19.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -16,12 +16,12 @@
     "@ngx-translate/core": "^16.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
     "@ngneat/until-destroy": "^10.0.0",
-    "@onecx/integration-interface": "^6.18.0",
-    "@onecx/accelerator": "^6.18.0",
-    "@onecx/angular-integration-interface": "^6.18.0",
-    "@onecx/angular-remote-components": "^6.18.0",
-    "@onecx/angular-testing": "^6.18.0",
-    "@onecx/angular-utils": "^6.18.0",
+    "@onecx/integration-interface": "^6.19.0",
+    "@onecx/accelerator": "^6.19.0",
+    "@onecx/angular-integration-interface": "^6.19.0",
+    "@onecx/angular-remote-components": "^6.19.0",
+    "@onecx/angular-testing": "^6.19.0",
+    "@onecx/angular-utils": "^6.19.0",
     "chart.js": "^4.4.3",
     "d3-scale-chromatic": "^3.1.0",
     "fast-deep-equal": "^3.1.3",
@@ -29,7 +29,7 @@
     "primeng": "^19.0.0",
     "@storybook/angular": "^8.3.2",
     "@nx/devkit": "^20.3.0",
-    "@onecx/nx-migration-utils": "^6.18.0",
+    "@onecx/nx-migration-utils": "^6.19.0",
     "@primeng/themes": "^19.0.0"
   },
   "dependencies": {

package/testing/data-table.harness.d.ts

@@ -23,4 +23,8 @@ export declare class DataTableHarness extends ContentContainerComponentHarness {
     hasAmountOfActionButtons(amount: number): Promise<boolean>;
     hasAmountOfDisabledActionButtons(amount: number): Promise<boolean>;
     columnIsFrozen(column: TestElement | null | undefined): Promise<boolean>;
+    getExpansionColumnHeaderElement: () => Promise<TestElement | null>;
+    getExpansionToggleButtonElements: () => Promise<TestElement[]>;
+    expansionColumnHeaderExists(): Promise<boolean>;
+    clickExpansionToggle(rowIndex: number): Promise<void>;
 }