@onecx/angular-accelerator 6.23.1 → 6.24.0

package/lib/components/custom-group-column-selector/custom-group-column-selector.component.d.ts

@@ -46,6 +46,7 @@ export declare class CustomGroupColumnSelectorComponent implements OnInit {
     columnSelectionChanged: EventEmitter<ColumnSelectionChangedEvent>;
     actionColumnConfigChanged: EventEmitter<ActionColumnChangedEvent>;
     componentStateChanged: EventEmitter<CustomGroupColumnSelectorComponentState>;
+    private readonly pickListRef;
     hiddenColumnsModel: DataTableColumn[];
     displayedColumnsModel: DataTableColumn[];
     frozenActionColumnModel: boolean;
@@ -63,6 +64,23 @@ export declare class CustomGroupColumnSelectorComponent implements OnInit {
     onOpenCustomGroupColumnSelectionDialogClick(): void;
     onSaveClick(): void;
     onCancelClick(): void;
+    private syncFromPickListState;
+    private handleDataChanges;
+    private replicateStateWithoutAnyChange;
+    onPickListMoveToTarget(event: {
+        items: DataTableColumn[];
+    }): void;
+    onPickListMoveAllToTarget(event: {
+        items: DataTableColumn[];
+    }): void;
+    onPickListMoveToSource(event: {
+        items: DataTableColumn[];
+    }): void;
+    onPickListMoveAllToSource(event: {
+        items: DataTableColumn[];
+    }): void;
+    onPickListSourceReorder(): void;
+    onPickListTargetReorder(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomGroupColumnSelectorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CustomGroupColumnSelectorComponent, "ocx-custom-group-column-selector", never, { "columns": { "alias": "columns"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "dialogTitleKey": { "alias": "dialogTitleKey"; "required": false; }; "openButtonTitle": { "alias": "openButtonTitle"; "required": false; }; "openButtonTitleKey": { "alias": "openButtonTitleKey"; "required": false; }; "openButtonAriaLabel": { "alias": "openButtonAriaLabel"; "required": false; }; "openButtonAriaLabelKey": { "alias": "openButtonAriaLabelKey"; "required": false; }; "saveButtonLabel": { "alias": "saveButtonLabel"; "required": false; }; "saveButtonLabelKey": { "alias": "saveButtonLabelKey"; "required": false; }; "saveButtonAriaLabel": { "alias": "saveButtonAriaLabel"; "required": false; }; "saveButtonAriaLabelKey": { "alias": "saveButtonAriaLabelKey"; "required": false; }; "cancelButtonLabel": { "alias": "cancelButtonLabel"; "required": false; }; "cancelButtonLabelKey": { "alias": "cancelButtonLabelKey"; "required": false; }; "cancelButtonAriaLabel": { "alias": "cancelButtonAriaLabel"; "required": false; }; "cancelButtonAriaLabelKey": { "alias": "cancelButtonAriaLabelKey"; "required": false; }; "activeColumnsLabel": { "alias": "activeColumnsLabel"; "required": false; }; "activeColumnsLabelKey": { "alias": "activeColumnsLabelKey"; "required": false; }; "inactiveColumnsLabel": { "alias": "inactiveColumnsLabel"; "required": false; }; "inactiveColumnsLabelKey": { "alias": "inactiveColumnsLabelKey"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; }, { "columnSelectionChanged": "columnSelectionChanged"; "actionColumnConfigChanged": "actionColumnConfigChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }

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

@@ -17,12 +17,13 @@ export type Row = {
 };
 export 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>;
 }
 export type Sort = {
     sortColumn: string;
@@ -61,6 +62,7 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     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[]);
@@ -142,6 +144,9 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     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[]);
@@ -231,6 +236,7 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     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>;
@@ -242,6 +248,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; }; "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>;
 }
 export {};

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

@@ -127,6 +127,9 @@ export declare class DataViewComponent implements DoCheck, OnInit, AfterContentI
     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[]>;
     sorted: EventEmitter<Sort>;
@@ -166,5 +169,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; }; "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>;
 }

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

@@ -135,6 +135,8 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     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[]>;
@@ -181,6 +183,7 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     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[]);
@@ -207,5 +210,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; }; "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>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "6.23.1",
+  "version": "6.24.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.23.1",
-    "@onecx/accelerator": "^6.23.1",
-    "@onecx/angular-integration-interface": "^6.23.1",
-    "@onecx/angular-remote-components": "^6.23.1",
-    "@onecx/angular-testing": "^6.23.1",
-    "@onecx/angular-utils": "^6.23.1",
+    "@onecx/integration-interface": "^6.24.0",
+    "@onecx/accelerator": "^6.24.0",
+    "@onecx/angular-integration-interface": "^6.24.0",
+    "@onecx/angular-remote-components": "^6.24.0",
+    "@onecx/angular-testing": "^6.24.0",
+    "@onecx/angular-utils": "^6.24.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.23.1",
+    "@onecx/nx-migration-utils": "^6.24.0",
     "@primeng/themes": "^19.0.0"
   },
   "peerDependenciesMeta": {

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;
+	} 
+}