@onecx/angular-accelerator 7.9.1 → 7.10.0

package/index.d.ts

@@ -451,12 +451,13 @@ type Row = {
 };
 declare enum TemplateType {
     CELL = "CELL",
-    FILTERCELL = "FILTERCELL"
+    FILTERCELL = "FILTERCELL",
+    HEADER = "HEADER"
 }
 interface TemplatesData {
     templatesObservables: Record<string, Observable<TemplateRef<any> | null>>;
     idSuffix: Array<string>;
-    templateNames: Record<ColumnType, Array<string>>;
+    templateNames: Record<ColumnType, Array<string>> | Array<string>;
 }
 type Sort = {
     sortColumn: string;
@@ -495,6 +496,7 @@ declare class DataTableComponent extends DataSortBase implements OnInit, AfterCo
     set sortColumn(value: string);
     columnTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
     columnFilterTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
+    columnHeaderTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
     _columns$: BehaviorSubject<DataTableColumn[]>;
     get columns(): DataTableColumn[];
     set columns(value: DataTableColumn[]);
@@ -576,6 +578,9 @@ declare class DataTableComponent extends DataSortBase implements OnInit, AfterCo
     translationKeyFilterCellTemplate: TemplateRef<any> | undefined;
     translationKeyFilterCellChildTemplate: TemplateRef<any> | undefined;
     get _translationKeyFilterCell(): TemplateRef<any> | undefined;
+    columnHeaderTemplate: TemplateRef<any> | undefined;
+    columnHeaderChildTemplate: TemplateRef<any> | undefined;
+    get _columnHeader(): TemplateRef<any> | undefined;
     _additionalActions$: BehaviorSubject<DataAction[]>;
     get additionalActions(): DataAction[];
     set additionalActions(value: DataAction[]);
@@ -665,6 +670,7 @@ declare class DataTableComponent extends DataSortBase implements OnInit, AfterCo
     toggleOverflowMenu(event: MouseEvent, menu: Menu, row: Row): void;
     hasVisibleOverflowMenuItems(row: any): Observable<boolean>;
     isDate(value: Date | string | number): boolean;
+    headerTemplatesData: TemplatesData;
     cellTemplatesData: TemplatesData;
     filterTemplatesData: TemplatesData;
     templatesDataMap: Record<TemplateType, TemplatesData>;
@@ -675,7 +681,7 @@ declare class DataTableComponent extends DataSortBase implements OnInit, AfterCo
     rowTrackByFunction: (item: any) => any;
     private filterActionsBasedOnPermissions;
     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; }; "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>;
+    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; }; "columnHeaderTemplate": { "alias": "columnHeaderTemplate"; "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", "columnHeaderChildTemplate", "templates"], never, false, never>;
 }
 
 type RowListGridData$2 = ListGridData | Row;
@@ -1035,6 +1041,9 @@ declare class DataViewComponent implements DoCheck, OnInit, AfterContentInit {
     numberTableFilterCellTemplate: TemplateRef<any> | undefined;
     numberTableFilterCellChildTemplate: TemplateRef<any> | undefined;
     get _numberTableFilterCell(): TemplateRef<any> | undefined;
+    columnHeaderTemplate: TemplateRef<any> | undefined;
+    columnHeaderChildTemplate: TemplateRef<any> | undefined;
+    get _columnHeader(): TemplateRef<any> | undefined;
     additionalActions: DataAction[];
     filtered: EventEmitter<Filter$1[]>;
     sorted: EventEmitter<Sort>;
@@ -1074,7 +1083,7 @@ declare class DataViewComponent implements DoCheck, OnInit, AfterContentInit {
     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; }; "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>;
+    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; }; "columnHeaderTemplate": { "alias": "columnHeaderTemplate"; "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", "columnHeaderChildTemplate", "templates"], never, false, never>;
 }
 
 type DiagramData = {
@@ -1388,6 +1397,8 @@ declare class InteractiveDataViewComponent implements OnInit, AfterContentInit {
     primeNgStringTableFilterCell: TemplateRef<any> | undefined;
     numberTableFilterCell: TemplateRef<any> | undefined;
     primeNgNumberTableFilterCell: TemplateRef<any> | undefined;
+    columnHeader: TemplateRef<any> | undefined;
+    primeNgColumnHeader: TemplateRef<any> | undefined;
     templates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
     set templates(value: QueryList<PrimeTemplate> | undefined);
     filtered: EventEmitter<Filter$1[]>;
@@ -1434,6 +1445,7 @@ declare class InteractiveDataViewComponent implements OnInit, AfterContentInit {
     get _translationKeyTableFilterCell(): TemplateRef<any> | undefined;
     get _stringTableFilterCell(): TemplateRef<any> | undefined;
     get _numberTableFilterCell(): TemplateRef<any> | undefined;
+    get _columnHeader(): TemplateRef<any> | undefined;
     _data: RowListGridData[];
     get data(): RowListGridData[];
     set data(value: RowListGridData[]);
@@ -1460,7 +1472,7 @@ declare class InteractiveDataViewComponent implements OnInit, AfterContentInit {
     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; }; "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>;
+    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", "columnHeader", "templates"], never, false, never>;
 }
 
 interface LifecycleStep {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "7.9.1",
+  "version": "7.10.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -15,12 +15,12 @@
     "@angular/router": "^20.0.0",
     "@ngx-translate/core": "^17.0.0",
     "@ngneat/until-destroy": "^10.0.0",
-    "@onecx/integration-interface": "^7.9.1",
-    "@onecx/accelerator": "^7.9.1",
-    "@onecx/angular-integration-interface": "^7.9.1",
-    "@onecx/angular-remote-components": "^7.9.1",
-    "@onecx/angular-testing": "^7.9.1",
-    "@onecx/angular-utils": "^7.9.1",
+    "@onecx/integration-interface": "^7.10.0",
+    "@onecx/accelerator": "^7.10.0",
+    "@onecx/angular-integration-interface": "^7.10.0",
+    "@onecx/angular-remote-components": "^7.10.0",
+    "@onecx/angular-testing": "^7.10.0",
+    "@onecx/angular-utils": "^7.10.0",
     "chart.js": "^4.4.3",
     "d3-scale-chromatic": "^3.1.0",
     "fast-deep-equal": "^3.1.3",

package/src/lib/directives/content.directive.scss

@@ -0,0 +1,15 @@
+.ocx-card {
+	background-color: var(--content-bg-color, #ffffff);
+	padding: 1rem;
+	margin-bottom: 2rem;
+	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
+	border-radius: var(--border-radius, 6px);
+
+	p:first-child {
+		margin-top: 0;
+	}
+
+	p:last-child {
+		margin-bottom: 0;
+	} 
+}