@onecx/angular-accelerator 5.6.0 → 5.7.0

package/index.d.ts

@@ -2,6 +2,7 @@ export * from './lib/directives/if-permission.directive';
 export * from './lib/directives/if-breakpoint.directive';
 export * from './lib/directives/src.directive';
 export * from './lib/directives/advanced.directive';
+export * from './lib/directives/tooltipOnOverflow.directive';
 export * from './lib/components/column-group-selection/column-group-selection.component';
 export * from './lib/components/custom-group-column-selector/custom-group-column-selector.component';
 export * from './lib/components/data-layout-selection/data-layout-selection.component';

package/lib/angular-accelerator-primeng.module.d.ts

@@ -12,8 +12,9 @@ import * as i10 from "primeng/chart";
 import * as i11 from "primeng/multiselect";
 import * as i12 from "primeng/skeleton";
 import * as i13 from "primeng/message";
+import * as i14 from "primeng/api";
 export declare class AngularAcceleratorPrimeNgModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AngularAcceleratorPrimeNgModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularAcceleratorPrimeNgModule, never, [typeof i1.BreadcrumbModule, typeof i2.DropdownModule, typeof i3.ButtonModule, typeof i4.DialogModule, typeof i5.PickListModule, typeof i6.SelectButtonModule, typeof i7.DataViewModule, typeof i8.TableModule, typeof i9.MenuModule, typeof i10.ChartModule, typeof i11.MultiSelectModule, typeof i12.SkeletonModule, typeof i13.MessageModule], [typeof i1.BreadcrumbModule, typeof i2.DropdownModule, typeof i3.ButtonModule, typeof i4.DialogModule, typeof i5.PickListModule, typeof i6.SelectButtonModule, typeof i7.DataViewModule, typeof i8.TableModule, typeof i9.MenuModule, typeof i10.ChartModule, typeof i11.MultiSelectModule, typeof i12.SkeletonModule, typeof i13.MessageModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularAcceleratorPrimeNgModule, never, [typeof i1.BreadcrumbModule, typeof i2.DropdownModule, typeof i3.ButtonModule, typeof i4.DialogModule, typeof i5.PickListModule, typeof i6.SelectButtonModule, typeof i7.DataViewModule, typeof i8.TableModule, typeof i9.MenuModule, typeof i10.ChartModule, typeof i11.MultiSelectModule, typeof i12.SkeletonModule, typeof i13.MessageModule, typeof i14.SharedModule], [typeof i1.BreadcrumbModule, typeof i2.DropdownModule, typeof i3.ButtonModule, typeof i4.DialogModule, typeof i5.PickListModule, typeof i6.SelectButtonModule, typeof i7.DataViewModule, typeof i8.TableModule, typeof i9.MenuModule, typeof i10.ChartModule, typeof i11.MultiSelectModule, typeof i12.SkeletonModule, typeof i13.MessageModule, typeof i14.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AngularAcceleratorPrimeNgModule>;
 }

package/lib/angular-accelerator.module.d.ts

@@ -19,16 +19,17 @@ import * as i16 from "./directives/if-breakpoint.directive";
 import * as i17 from "./directives/src.directive";
 import * as i18 from "./pipes/ocxtimeago.pipe";
 import * as i19 from "./directives/advanced.directive";
-import * as i20 from "@angular/common";
-import * as i21 from "./angular-accelerator-primeng.module";
-import * as i22 from "@ngx-translate/core";
-import * as i23 from "@angular/forms";
-import * as i24 from "@angular/router";
+import * as i20 from "./directives/tooltipOnOverflow.directive";
+import * as i21 from "@angular/common";
+import * as i22 from "./angular-accelerator-primeng.module";
+import * as i23 from "@ngx-translate/core";
+import * as i24 from "@angular/forms";
+import * as i25 from "@angular/router";
 export declare class AngularAcceleratorMissingTranslationHandler implements MissingTranslationHandler {
     handle(params: MissingTranslationHandlerParams): string;
 }
 export declare class AngularAcceleratorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AngularAcceleratorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularAcceleratorModule, [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i4.DataListGridSortingComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.SearchConfigComponent, typeof i10.PageHeaderComponent, typeof i11.DynamicPipe, typeof i12.SearchHeaderComponent, typeof i13.DiagramComponent, typeof i14.GroupByCountDiagramComponent, typeof i15.IfPermissionDirective, typeof i16.IfBreakpointDirective, typeof i17.SrcDirective, typeof i18.OcxTimeAgoPipe, typeof i17.SrcDirective, typeof i19.AdvancedDirective], [typeof i20.CommonModule, typeof i21.AngularAcceleratorPrimeNgModule, typeof i22.TranslateModule, typeof i23.FormsModule, typeof i24.RouterModule, typeof i23.ReactiveFormsModule], [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.SearchConfigComponent, typeof i10.PageHeaderComponent, typeof i12.SearchHeaderComponent, typeof i13.DiagramComponent, typeof i14.GroupByCountDiagramComponent, typeof i15.IfPermissionDirective, typeof i16.IfBreakpointDirective, typeof i17.SrcDirective, typeof i18.OcxTimeAgoPipe, typeof i17.SrcDirective, typeof i19.AdvancedDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularAcceleratorModule, [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i4.DataListGridSortingComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.SearchConfigComponent, typeof i10.PageHeaderComponent, typeof i11.DynamicPipe, typeof i12.SearchHeaderComponent, typeof i13.DiagramComponent, typeof i14.GroupByCountDiagramComponent, typeof i15.IfPermissionDirective, typeof i16.IfBreakpointDirective, typeof i17.SrcDirective, typeof i18.OcxTimeAgoPipe, typeof i19.AdvancedDirective, typeof i20.TooltipOnOverflowDirective], [typeof i21.CommonModule, typeof i22.AngularAcceleratorPrimeNgModule, typeof i23.TranslateModule, typeof i24.FormsModule, typeof i25.RouterModule, typeof i24.ReactiveFormsModule], [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.SearchConfigComponent, typeof i10.PageHeaderComponent, typeof i12.SearchHeaderComponent, typeof i13.DiagramComponent, typeof i14.GroupByCountDiagramComponent, typeof i15.IfPermissionDirective, typeof i16.IfBreakpointDirective, typeof i17.SrcDirective, typeof i18.OcxTimeAgoPipe, typeof i19.AdvancedDirective, typeof i20.TooltipOnOverflowDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AngularAcceleratorModule>;
 }

package/lib/components/data-list-grid/data-list-grid.component.d.ts

@@ -1,17 +1,17 @@
-import { DoCheck, EventEmitter, Injector, OnInit, TemplateRef } from '@angular/core';
+import { AfterContentInit, DoCheck, EventEmitter, Injector, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
-import { MenuItem } from 'primeng/api';
-import { BehaviorSubject, Observable } from 'rxjs';
+import { AppStateService, UserService } from '@onecx/angular-integration-interface';
 import { MfeInfo } from '@onecx/integration-interface';
-import { AppStateService } from '@onecx/angular-integration-interface';
-import { UserService } from '@onecx/angular-integration-interface';
+import { MenuItem, PrimeTemplate } from 'primeng/api';
+import { Menu } from 'primeng/menu';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { ColumnType } from '../../model/column-type.model';
 import { DataAction } from '../../model/data-action';
 import { DataSortDirection } from '../../model/data-sort-direction';
 import { DataTableColumn } from '../../model/data-table-column.model';
 import { DataSortBase } from '../data-sort-base/data-sort-base';
 import { Filter, Row } from '../data-table/data-table.component';
-import { Menu } from 'primeng/menu';
 import * as i0 from "@angular/core";
 export type ListGridData = {
     id: string | number;
@@ -22,7 +22,7 @@ type RowListGridData = ListGridData & Row;
 export interface ListGridDataMenuItem extends MenuItem {
     permission: string;
 }
-export declare class DataListGridComponent extends DataSortBase implements OnInit, DoCheck {
+export declare class DataListGridComponent extends DataSortBase implements OnInit, DoCheck, AfterContentInit {
     private userService;
     private router;
     private injector;
@@ -99,6 +99,37 @@ export declare class DataListGridComponent extends DataSortBase implements OnIni
     gridItemTemplate: TemplateRef<any> | undefined;
     gridItemChildTemplate: TemplateRef<any> | undefined;
     get _gridItem(): TemplateRef<any> | undefined;
+    listValueTemplate: TemplateRef<any> | undefined;
+    listValueChildTemplate: TemplateRef<any> | undefined;
+    get _listValue(): TemplateRef<any> | undefined;
+    translationKeyListValueTemplate: TemplateRef<any> | undefined;
+    translationKeyListValueChildTemplate: TemplateRef<any> | undefined;
+    get _translationKeyListValue(): TemplateRef<any> | undefined;
+    numberListValueTemplate: TemplateRef<any> | undefined;
+    numberListValueChildTemplate: TemplateRef<any> | undefined;
+    get _numberListValue(): TemplateRef<any> | undefined;
+    relativeDateListValueTemplate: TemplateRef<any> | undefined;
+    relativeDateListValueChildTemplate: TemplateRef<any> | undefined;
+    get _relativeDateListValue(): TemplateRef<any> | undefined;
+    /**
+   * @deprecated Will be removed and instead to change the template of a specific column
+   * use the new approach instead by following the naming convention column id + IdListValue
+   * e.g. for a column with the id 'status' use pTemplate="statusIdListValue"
+   */
+    customListValueTemplate: TemplateRef<any> | undefined;
+    /**
+   * @deprecated Will be removed and instead to change the template of a specific column
+   * use the new approach instead by following the naming convention column id + IdListValue
+   * e.g. for a column with the id 'status' use pTemplate="statusIdListValue"
+   */
+    customListValueChildTemplate: TemplateRef<any> | undefined;
+    get _customListValue(): TemplateRef<any> | undefined;
+    stringListValueTemplate: TemplateRef<any> | undefined;
+    stringListValueChildTemplate: TemplateRef<any> | undefined;
+    get _stringListValue(): TemplateRef<any> | undefined;
+    dateListValueTemplate: TemplateRef<any> | undefined;
+    dateListValueChildTemplate: TemplateRef<any> | undefined;
+    get _dateListValue(): TemplateRef<any> | undefined;
     inlineListActions$: Observable<DataAction[]>;
     overflowListActions$: Observable<DataAction[]>;
     overflowMenuItems$: Observable<MenuItem[]>;
@@ -120,9 +151,18 @@ export declare class DataListGridComponent extends DataSortBase implements OnIni
     observedOutputs: number;
     displayedItems$: Observable<unknown[]> | undefined;
     fallbackImagePath$: Observable<string>;
+    templates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
+    set templates(value: QueryList<PrimeTemplate> | undefined);
+    viewTemplates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
+    set viewTemplates(value: QueryList<PrimeTemplate> | undefined);
+    parentTemplates$: BehaviorSubject<QueryList<PrimeTemplate> | null | undefined>;
+    set parentTemplates(value: QueryList<PrimeTemplate> | null | undefined);
+    columnType: typeof ColumnType;
+    templatesObservables: Record<string, Observable<TemplateRef<any> | null>>;
     constructor(locale: string, translateService: TranslateService, userService: UserService, router: Router, injector: Injector, appStateService: AppStateService);
     ngDoCheck(): void;
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     onDeleteRow(element: ListGridData): void;
     onViewRow(element: ListGridData): void;
     onEditRow(element: ListGridData): void;
@@ -136,7 +176,10 @@ export declare class DataListGridComponent extends DataSortBase implements OnIni
     fieldIsTruthy(object: any, key: any): boolean;
     hasVisibleOverflowMenuItems(item: any): Observable<boolean>;
     toggleOverflowMenu(event: MouseEvent, menu: Menu, row: Row): void;
+    getFilteredColumns(): DataTableColumn[];
+    findTemplate(templates: PrimeTemplate[], names: string[]): PrimeTemplate | undefined;
+    getTemplate(column: DataTableColumn): Observable<TemplateRef<any> | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataListGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataListGridComponent, "ocx-data-list-grid", never, { "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "deletePermission": { "alias": "deletePermission"; "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; }; "viewMenuItemKey": { "alias": "viewMenuItemKey"; "required": false; }; "editMenuItemKey": { "alias": "editMenuItemKey"; "required": false; }; "deleteMenuItemKey": { "alias": "deleteMenuItemKey"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "name": { "alias": "name"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "data": { "alias": "data"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "gridItemSubtitleLinesTemplate": { "alias": "gridItemSubtitleLinesTemplate"; "required": false; }; "listItemSubtitleLinesTemplate": { "alias": "listItemSubtitleLinesTemplate"; "required": false; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; }; "gridItemTemplate": { "alias": "gridItemTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; }, { "viewItem": "viewItem"; "editItem": "editItem"; "deleteItem": "deleteItem"; "pageChanged": "pageChanged"; }, ["gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "listItemChildTemplate", "gridItemChildTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataListGridComponent, "ocx-data-list-grid", never, { "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "deletePermission": { "alias": "deletePermission"; "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; }; "viewMenuItemKey": { "alias": "viewMenuItemKey"; "required": false; }; "editMenuItemKey": { "alias": "editMenuItemKey"; "required": false; }; "deleteMenuItemKey": { "alias": "deleteMenuItemKey"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "name": { "alias": "name"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "data": { "alias": "data"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "gridItemSubtitleLinesTemplate": { "alias": "gridItemSubtitleLinesTemplate"; "required": false; }; "listItemSubtitleLinesTemplate": { "alias": "listItemSubtitleLinesTemplate"; "required": false; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; }; "gridItemTemplate": { "alias": "gridItemTemplate"; "required": false; }; "listValueTemplate": { "alias": "listValueTemplate"; "required": false; }; "translationKeyListValueTemplate": { "alias": "translationKeyListValueTemplate"; "required": false; }; "numberListValueTemplate": { "alias": "numberListValueTemplate"; "required": false; }; "relativeDateListValueTemplate": { "alias": "relativeDateListValueTemplate"; "required": false; }; "customListValueTemplate": { "alias": "customListValueTemplate"; "required": false; }; "stringListValueTemplate": { "alias": "stringListValueTemplate"; "required": false; }; "dateListValueTemplate": { "alias": "dateListValueTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; }; }, { "viewItem": "viewItem"; "editItem": "editItem"; "deleteItem": "deleteItem"; "pageChanged": "pageChanged"; }, ["gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "listItemChildTemplate", "gridItemChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "customListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "templates"], never, false, never>;
 }
 export {};

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

@@ -1,8 +1,8 @@
-import { EventEmitter, Injector, OnInit, TemplateRef } from '@angular/core';
+import { AfterContentInit, EventEmitter, Injector, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { Router } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { UserService } from '@onecx/angular-integration-interface';
-import { MenuItem, SelectItem } from 'primeng/api';
+import { MenuItem, PrimeTemplate, SelectItem } from 'primeng/api';
 import { Menu } from 'primeng/menu';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { DataAction } from '../../model/data-action';
@@ -22,7 +22,7 @@ export type Sort = {
     sortColumn: string;
     sortDirection: DataSortDirection;
 };
-export declare class DataTableComponent extends DataSortBase implements OnInit {
+export declare class DataTableComponent extends DataSortBase implements OnInit, AfterContentInit {
     private router;
     private injector;
     private userService;
@@ -88,7 +88,17 @@ export declare class DataTableComponent extends DataSortBase implements OnInit {
     numberCellTemplate: TemplateRef<any> | undefined;
     numberCellChildTemplate: TemplateRef<any> | undefined;
     get _numberCell(): TemplateRef<any> | undefined;
+    /**
+   * @deprecated Will be removed and instead to change the template of a specific column
+   * use the new approach instead by following the naming convention column id + IdCell
+   * e.g. for a column with the id 'status' use pTemplate="statusIdCell"
+   */
     customCellTemplate: TemplateRef<any> | undefined;
+    /**
+   * @deprecated Will be removed and instead to change the template of a specific column
+   * use the new approach instead by following the naming convention column id + IdCell
+   * e.g. for a column with the id 'status' use pTemplate="statusIdCell"
+   */
     customCellChildTemplate: TemplateRef<any> | undefined;
     get _customCell(): TemplateRef<any> | undefined;
     dateCellTemplate: TemplateRef<any> | undefined;
@@ -125,13 +135,21 @@ export declare class DataTableComponent extends DataSortBase implements OnInit {
     inlineActions$: Observable<DataAction[]>;
     overflowMenuItems$: Observable<MenuItem[]>;
     currentMenuRow$: BehaviorSubject<Row | null>;
+    templates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
+    set templates(value: QueryList<PrimeTemplate> | undefined);
+    viewTemplates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
+    set viewTemplates(value: QueryList<PrimeTemplate> | undefined);
+    parentTemplates$: BehaviorSubject<QueryList<PrimeTemplate> | null | undefined>;
+    set parentTemplates(value: QueryList<PrimeTemplate> | null | undefined);
     get viewTableRowObserved(): boolean;
     get editTableRowObserved(): boolean;
     get deleteTableRowObserved(): boolean;
     get anyRowActionObserved(): boolean;
     get selectionChangedObserved(): boolean;
+    templatesObservables: Record<string, Observable<TemplateRef<any> | null>>;
     constructor(locale: string, translateService: TranslateService, router: Router, injector: Injector, userService: UserService);
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     onSortColumnClick(sortColumn: string): void;
     columnNextSortDirection(sortColumn: string): DataSortDirection;
     onDeleteRow(selectedTableRow: Row): void;
@@ -150,6 +168,9 @@ 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;
+    findTemplate(templates: PrimeTemplate[], names: string[]): PrimeTemplate | undefined;
+    getTemplate(column: DataTableColumn): Observable<TemplateRef<any> | null>;
+    resolveFieldData(object: any, key: any): any;
     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; }; "paginator": { "alias": "paginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "stringCellTemplate": { "alias": "stringCellTemplate"; "required": false; }; "numberCellTemplate": { "alias": "numberCellTemplate"; "required": false; }; "customCellTemplate": { "alias": "customCellTemplate"; "required": false; }; "dateCellTemplate": { "alias": "dateCellTemplate"; "required": false; }; "relativeDateCellTemplate": { "alias": "relativeDateCellTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "translationKeyCellTemplate": { "alias": "translationKeyCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "customCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate"], 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; }; "paginator": { "alias": "paginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "stringCellTemplate": { "alias": "stringCellTemplate"; "required": false; }; "numberCellTemplate": { "alias": "numberCellTemplate"; "required": false; }; "customCellTemplate": { "alias": "customCellTemplate"; "required": false; }; "dateCellTemplate": { "alias": "dateCellTemplate"; "required": false; }; "relativeDateCellTemplate": { "alias": "relativeDateCellTemplate"; "required": false; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "translationKeyCellTemplate": { "alias": "translationKeyCellTemplate"; "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"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "customCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate", "templates"], never, false, never>;
 }

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

@@ -1,12 +1,14 @@
-import { DoCheck, EventEmitter, Injector, OnInit, TemplateRef } from '@angular/core';
+import { AfterContentInit, DoCheck, EventEmitter, Injector, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { DataListGridComponent, ListGridData } from '../data-list-grid/data-list-grid.component';
 import { Row, Filter, Sort, DataTableComponent } from '../data-table/data-table.component';
 import { DataTableColumn } from '../../model/data-table-column.model';
 import { DataSortDirection } from '../../model/data-sort-direction';
 import { DataAction } from '../../model/data-action';
+import { PrimeTemplate } from 'primeng/api';
+import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export type RowListGridData = ListGridData & Row;
-export declare class DataViewComponent implements DoCheck, OnInit {
+export declare class DataViewComponent implements DoCheck, OnInit, AfterContentInit {
     private injector;
     _dataListGridComponent: DataListGridComponent | undefined;
     set listGrid(ref: DataListGridComponent | undefined);
@@ -56,7 +58,17 @@ export declare class DataViewComponent implements DoCheck, OnInit {
     numberTableCellTemplate: TemplateRef<any> | undefined;
     numberTableCellChildTemplate: TemplateRef<any> | undefined;
     get _numberTableCell(): TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column
+     * use the new approach instead by following the naming convention column id + IdTableCell
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdTableCell"
+     */
     customTableCellTemplate: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column
+     * use the new approach instead by following the naming convention column id + IdTableCell
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdTableCell"
+     */
     customTableCellChildTemplate: TemplateRef<any> | undefined;
     get _customTableCell(): TemplateRef<any> | undefined;
     dateTableCellTemplate: TemplateRef<any> | undefined;
@@ -110,6 +122,37 @@ export declare class DataViewComponent implements DoCheck, OnInit {
     tableRelativeDateCellChildTemplate: TemplateRef<any> | undefined;
     relativeDateTableCellChildTemplate: TemplateRef<any> | undefined;
     get _relativeDateTableCell(): TemplateRef<any> | undefined;
+    listValueTemplate: TemplateRef<any> | undefined;
+    listValueChildTemplate: TemplateRef<any> | undefined;
+    get _listValue(): TemplateRef<any> | undefined;
+    translationKeyListValueTemplate: TemplateRef<any> | undefined;
+    translationKeyListValueChildTemplate: TemplateRef<any> | undefined;
+    get _translationKeyListValue(): TemplateRef<any> | undefined;
+    numberListValueTemplate: TemplateRef<any> | undefined;
+    numberListValueChildTemplate: TemplateRef<any> | undefined;
+    get _numberListValue(): TemplateRef<any> | undefined;
+    relativeDateListValueTemplate: TemplateRef<any> | undefined;
+    relativeDateListValueChildTemplate: TemplateRef<any> | undefined;
+    get _relativeDateListValue(): TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column
+     * use the new approach instead by following the naming convention column id + IdListValue
+     * e.g. for a column with the id 'status' in DataListGrid use pTemplate="statusIdListValue"
+     */
+    customListValueTemplate: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column
+     * use the new approach instead by following the naming convention column id + IdListValue
+     * e.g. for a column with the id 'status' DataListGrid use pTemplate="statusIdListValue"
+     */
+    customListValueChildTemplate: TemplateRef<any> | undefined;
+    get _customListValue(): TemplateRef<any> | undefined;
+    stringListValueTemplate: TemplateRef<any> | undefined;
+    stringListValueChildTemplate: TemplateRef<any> | undefined;
+    get _stringListValue(): TemplateRef<any> | undefined;
+    dateListValueTemplate: TemplateRef<any> | undefined;
+    dateListValueChildTemplate: TemplateRef<any> | undefined;
+    get _dateListValue(): TemplateRef<any> | undefined;
     additionalActions: DataAction[];
     filtered: EventEmitter<Filter[]>;
     sorted: EventEmitter<Sort>;
@@ -122,12 +165,18 @@ export declare class DataViewComponent implements DoCheck, OnInit {
     isViewItemObserved: boolean | undefined;
     IsEditItemObserved: boolean | undefined;
     firstColumnId: string | undefined;
+    parentTemplates$: BehaviorSubject<QueryList<PrimeTemplate> | null | undefined>;
+    set parentTemplates(value: QueryList<PrimeTemplate> | null | undefined);
+    templates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
+    set templates(value: QueryList<PrimeTemplate> | undefined);
+    templatesForChildren$: Observable<QueryList<PrimeTemplate> | undefined>;
     get viewItemObserved(): boolean;
     get editItemObserved(): boolean;
     get deleteItemObserved(): boolean;
     get selectionChangedObserved(): boolean;
     constructor(injector: Injector);
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     ngDoCheck(): void;
     registerEventListenerForListGrid(): void;
     registerEventListenerForDataTable(): void;
@@ -139,5 +188,5 @@ export declare class DataViewComponent implements DoCheck, OnInit {
     onRowSelectionChange(event: Row[]): void;
     onPageChange(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; }; "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; }; "customTableCellTemplate": { "alias": "customTableCellTemplate"; "required": false; }; "dateTableCellTemplate": { "alias": "dateTableCellTemplate"; "required": false; }; "tableDateCellTemplate": { "alias": "tableDateCellTemplate"; "required": false; }; "tableCellTemplate": { "alias": "tableCellTemplate"; "required": false; }; "translationKeyTableCellTemplate": { "alias": "translationKeyTableCellTemplate"; "required": false; }; "tableTranslationKeyCellTemplate": { "alias": "tableTranslationKeyCellTemplate"; "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; }; "tableRelativeDateCellTemplate": { "alias": "tableRelativeDateCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["stringTableCellChildTemplate", "numberTableCellChildTemplate", "customTableCellChildTemplate", "tableDateCellChildTemplate", "dateTableCellChildTemplate", "tableCellChildTemplate", "tableTranslationKeyCellChildTemplate", "translationKeyTableCellChildTemplate", "gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "gridItemChildTemplate", "listItemChildTemplate", "tableRelativeDateCellChildTemplate", "relativeDateTableCellChildTemplate"], 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; }; "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; }; "customTableCellTemplate": { "alias": "customTableCellTemplate"; "required": false; }; "dateTableCellTemplate": { "alias": "dateTableCellTemplate"; "required": false; }; "tableDateCellTemplate": { "alias": "tableDateCellTemplate"; "required": false; }; "tableCellTemplate": { "alias": "tableCellTemplate"; "required": false; }; "translationKeyTableCellTemplate": { "alias": "translationKeyTableCellTemplate"; "required": false; }; "tableTranslationKeyCellTemplate": { "alias": "tableTranslationKeyCellTemplate"; "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; }; "tableRelativeDateCellTemplate": { "alias": "tableRelativeDateCellTemplate"; "required": false; }; "listValueTemplate": { "alias": "listValueTemplate"; "required": false; }; "translationKeyListValueTemplate": { "alias": "translationKeyListValueTemplate"; "required": false; }; "numberListValueTemplate": { "alias": "numberListValueTemplate"; "required": false; }; "relativeDateListValueTemplate": { "alias": "relativeDateListValueTemplate"; "required": false; }; "customListValueTemplate": { "alias": "customListValueTemplate"; "required": false; }; "stringListValueTemplate": { "alias": "stringListValueTemplate"; "required": false; }; "dateListValueTemplate": { "alias": "dateListValueTemplate"; "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"; }, ["stringTableCellChildTemplate", "numberTableCellChildTemplate", "customTableCellChildTemplate", "tableDateCellChildTemplate", "dateTableCellChildTemplate", "tableCellChildTemplate", "tableTranslationKeyCellChildTemplate", "translationKeyTableCellChildTemplate", "gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "gridItemChildTemplate", "listItemChildTemplate", "tableRelativeDateCellChildTemplate", "relativeDateTableCellChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "customListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "templates"], never, false, never>;
 }

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

@@ -1,13 +1,15 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { DataTableColumn } from '../../model/data-table-column.model';
+import { AfterContentInit, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { PrimeTemplate } from 'primeng/api';
+import { DataAction } from '../../model/data-action';
 import { DataSortDirection } from '../../model/data-sort-direction';
-import { Filter, Row, Sort } from '../data-table/data-table.component';
-import { DataViewComponent, RowListGridData } from '../data-view/data-view.component';
+import { DataTableColumn } from '../../model/data-table-column.model';
 import { GroupSelectionChangedEvent } from '../column-group-selection/column-group-selection.component';
 import { ActionColumnChangedEvent, ColumnSelectionChangedEvent } from '../custom-group-column-selector/custom-group-column-selector.component';
-import { DataAction } from '../../model/data-action';
+import { Filter, Row, Sort } from '../data-table/data-table.component';
+import { DataViewComponent, RowListGridData } from '../data-view/data-view.component';
+import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class InteractiveDataViewComponent implements OnInit {
+export declare class InteractiveDataViewComponent implements OnInit, AfterContentInit {
     _dataViewComponent: DataViewComponent | undefined;
     set dataView(ref: DataViewComponent | undefined);
     get dataView(): DataViewComponent | undefined;
@@ -70,10 +72,29 @@ export declare class InteractiveDataViewComponent implements OnInit {
     listItemSubtitleLines: TemplateRef<any> | undefined;
     stringTableCell: TemplateRef<any> | undefined;
     numberTableCell: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column
+     * use the new approach instead by following the naming convention column id + IdTableCell
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdTableCell"
+     */
     customTableCell: TemplateRef<any> | undefined;
     gridItem: TemplateRef<any> | undefined;
     listItem: TemplateRef<any> | undefined;
     topCenter: TemplateRef<any> | undefined;
+    listValue: TemplateRef<any> | undefined;
+    translationKeyListValue: TemplateRef<any> | undefined;
+    numberListValue: TemplateRef<any> | undefined;
+    relativeDateListValue: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column
+     * use the new approach instead by following the naming convention column id + IdListValue
+     * e.g. for a column with the id 'status' DataListGrid use pTemplate="statusIdListValue"
+     */
+    customListValue: TemplateRef<any> | undefined;
+    stringListValue: TemplateRef<any> | undefined;
+    dateListValue: TemplateRef<any> | undefined;
+    templates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
+    set templates(value: QueryList<PrimeTemplate> | undefined);
     filtered: EventEmitter<Filter[]>;
     sorted: EventEmitter<Sort>;
     deleteItem: EventEmitter<RowListGridData>;
@@ -104,10 +125,18 @@ export declare class InteractiveDataViewComponent implements OnInit {
     get _translationKeyTableCell(): TemplateRef<any> | undefined;
     get _gridItem(): TemplateRef<any> | undefined;
     get _listItem(): TemplateRef<any> | undefined;
+    get _listValue(): TemplateRef<any> | undefined;
+    get _translationKeyListValue(): TemplateRef<any> | undefined;
+    get _numberListValue(): TemplateRef<any> | undefined;
+    get _relativeDateListValue(): TemplateRef<any> | undefined;
+    get _customListValue(): TemplateRef<any> | undefined;
+    get _stringListValue(): TemplateRef<any> | undefined;
+    get _dateListValue(): TemplateRef<any> | undefined;
     _data: RowListGridData[];
     get data(): RowListGridData[];
     set data(value: RowListGridData[]);
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     filtering(event: any): void;
     sorting(event: any): void;
     onDeleteElement(element: RowListGridData): void;
@@ -123,5 +152,5 @@ export declare class InteractiveDataViewComponent implements OnInit {
     onRowSelectionChange(event: Row[]): void;
     onPageChange(event: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveDataViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-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; }; "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; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnsChange": "displayedColumnsChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-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; }; "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; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnsChange": "displayedColumnsChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "customListValue", "stringListValue", "dateListValue", "templates"], never, false, never>;
 }

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

@@ -0,0 +1,14 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
+import { PrimeNGConfig } from 'primeng/api';
+import { Tooltip } from 'primeng/tooltip';
+import * as i0 from "@angular/core";
+export declare class TooltipOnOverflowDirective extends Tooltip implements OnDestroy, AfterViewInit {
+    mutationObserver: MutationObserver;
+    get ocxTooltipOnOverflow(): string | TemplateRef<HTMLElement> | undefined;
+    set ocxTooltipOnOverflow(value: string | TemplateRef<HTMLElement> | undefined);
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    constructor(platformId: any, el: ElementRef, zone: NgZone, config: PrimeNGConfig, renderer: Renderer2, viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipOnOverflowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipOnOverflowDirective, "[ocxTooltipOnOverflow]", never, { "ocxTooltipOnOverflow": { "alias": "ocxTooltipOnOverflow"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/model/column-type.model.d.ts

@@ -4,5 +4,11 @@ export declare enum ColumnType {
     DATE = "DATE",
     RELATIVE_DATE = "RELATIVE_DATE",
     TRANSLATION_KEY = "TRANSLATION_KEY",
+    /**
+     * @deprecated Will be removed with the next major v6 upgrade.
+     * Please use pTemplate="column id + IdCell" in DataTable or
+     * pTemplate="column id + IdTableCell" in DataView and InteractiveDataView
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdCell"
+     */
     CUSTOM = "CUSTOM"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "peerDependencies": {
     "@angular/common": "^18.0.5",
     "@angular/core": "^18.0.5",

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

@@ -13,5 +13,5 @@ export declare class DataTableHarness extends ContentContainerComponentHarness {
     actionButtonIsDisabled(actionButton: TestElement): Promise<any>;
     hasAmountOfActionButtons(amount: number): Promise<boolean>;
     hasAmountOfDisabledActionButtons(amount: number): Promise<boolean>;
-    columnIsFrozen(column: TestElement | null): Promise<boolean>;
+    columnIsFrozen(column: TestElement | null | undefined): Promise<boolean>;
 }

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

@@ -3,6 +3,6 @@ import { DataListGridHarness } from './data-list-grid.harness';
 import { DataTableHarness } from './data-table.harness';
 export declare class DataViewHarness extends ContentContainerComponentHarness {
     static hostSelector: string;
-    getDataTable: import("@angular/cdk/testing").AsyncFactoryFn<DataTableHarness>;
-    getDataListGrid: import("@angular/cdk/testing").AsyncFactoryFn<DataListGridHarness>;
+    getDataTable: import("@angular/cdk/testing").AsyncFactoryFn<DataTableHarness | null>;
+    getDataListGrid: import("@angular/cdk/testing").AsyncFactoryFn<DataListGridHarness | null>;
 }