@onecx/angular-accelerator 5.8.0 → 5.9.0

package/lib/components/column-group-selection/column-group-selection.component.d.ts

@@ -6,6 +6,10 @@ export type GroupSelectionChangedEvent = {
     activeColumns: DataTableColumn[];
     groupKey: string;
 };
+export interface ColumnGroupSelectionComponentState {
+    activeColumnGroupKey?: string;
+    displayedColumns?: DataTableColumn[];
+}
 export declare class ColumnGroupSelectionComponent implements OnInit {
     selectedGroupKey$: BehaviorSubject<string>;
     get selectedGroupKey(): string;
@@ -17,6 +21,7 @@ export declare class ColumnGroupSelectionComponent implements OnInit {
     defaultGroupKey: string;
     customGroupKey: string;
     groupSelectionChanged: EventEmitter<GroupSelectionChangedEvent>;
+    componentStateChanged: EventEmitter<ColumnGroupSelectionComponentState>;
     allGroupKeys$: Observable<string[]> | undefined;
     ngOnInit(): void;
     changeGroupSelection(event: {
@@ -24,5 +29,5 @@ export declare class ColumnGroupSelectionComponent implements OnInit {
     }): void;
     clearGroupSelection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnGroupSelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnGroupSelectionComponent, "ocx-column-group-selection", never, { "selectedGroupKey": { "alias": "selectedGroupKey"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; }, { "groupSelectionChanged": "groupSelectionChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnGroupSelectionComponent, "ocx-column-group-selection", never, { "selectedGroupKey": { "alias": "selectedGroupKey"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; }, { "groupSelectionChanged": "groupSelectionChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { DataTableColumn } from '../../model/data-table-column.model';
 import * as i0 from "@angular/core";
@@ -9,7 +9,15 @@ export type ActionColumnChangedEvent = {
     frozenActionColumn: boolean;
     actionColumnPosition: 'left' | 'right';
 };
-export declare class CustomGroupColumnSelectorComponent {
+export interface CustomGroupColumnSelectorComponentState {
+    actionColumnConfig?: {
+        frozen: boolean;
+        position: 'left' | 'right';
+    };
+    displayedColumns?: DataTableColumn[];
+    activeColumnGroupKey?: string;
+}
+export declare class CustomGroupColumnSelectorComponent implements OnInit {
     private translate;
     columns: DataTableColumn[];
     displayedColumns: DataTableColumn[];
@@ -23,6 +31,7 @@ export declare class CustomGroupColumnSelectorComponent {
     actionColumnPosition: 'left' | 'right';
     columnSelectionChanged: EventEmitter<ColumnSelectionChangedEvent>;
     actionColumnConfigChanged: EventEmitter<ActionColumnChangedEvent>;
+    componentStateChanged: EventEmitter<CustomGroupColumnSelectorComponentState>;
     hiddenColumnsModel: DataTableColumn[];
     displayedColumnsModel: DataTableColumn[];
     frozenActionColumnModel: boolean;
@@ -37,9 +46,10 @@ export declare class CustomGroupColumnSelectorComponent {
         value: boolean;
     }[];
     constructor(translate: TranslateService);
+    ngOnInit(): void;
     onOpenCustomGroupColumnSelectionDialogClick(): void;
     onSaveClick(): void;
     onCancelClick(): 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; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "openButtonTitle": { "alias": "openButtonTitle"; "required": false; }; "saveButtonLabel": { "alias": "saveButtonLabel"; "required": false; }; "cancelButtonLabel": { "alias": "cancelButtonLabel"; "required": false; }; "activeColumnsLabel": { "alias": "activeColumnsLabel"; "required": false; }; "inactiveColumnsLabel": { "alias": "inactiveColumnsLabel"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; }, { "columnSelectionChanged": "columnSelectionChanged"; "actionColumnConfigChanged": "actionColumnConfigChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomGroupColumnSelectorComponent, "ocx-custom-group-column-selector", never, { "columns": { "alias": "columns"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "openButtonTitle": { "alias": "openButtonTitle"; "required": false; }; "saveButtonLabel": { "alias": "saveButtonLabel"; "required": false; }; "cancelButtonLabel": { "alias": "cancelButtonLabel"; "required": false; }; "activeColumnsLabel": { "alias": "activeColumnsLabel"; "required": false; }; "inactiveColumnsLabel": { "alias": "inactiveColumnsLabel"; "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-layout-selection/data-layout-selection.component.d.ts

@@ -7,11 +7,15 @@ interface ViewingLayouts {
     title?: string;
     titleKey: string;
 }
+export interface DataLayoutSelectionComponentState {
+    layout?: 'grid' | 'list' | 'table';
+}
 export declare class DataLayoutSelectionComponent implements OnInit {
     supportedViewLayouts: Array<string>;
     set layout(value: 'grid' | 'list' | 'table');
     get layout(): 'grid' | 'list' | 'table';
     dataViewLayoutChange: EventEmitter<'grid' | 'list' | 'table'>;
+    componentStateChanged: EventEmitter<DataLayoutSelectionComponentState>;
     viewingLayouts: ViewingLayouts[];
     selectedViewLayout: ViewingLayouts | undefined;
     ngOnInit(): void;
@@ -20,6 +24,6 @@ export declare class DataLayoutSelectionComponent implements OnInit {
         layout: 'grid' | 'list' | 'table';
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataLayoutSelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataLayoutSelectionComponent, "ocx-data-layout-selection", never, { "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "dataViewLayoutChange": "dataViewLayoutChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataLayoutSelectionComponent, "ocx-data-layout-selection", never, { "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; }, { "dataViewLayoutChange": "dataViewLayoutChange"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }
 export {};

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

@@ -22,6 +22,10 @@ type RowListGridData = ListGridData & Row;
 export interface ListGridDataMenuItem extends MenuItem {
     permission: string;
 }
+export interface DataListGridComponentState {
+    activePage?: number;
+    pageSize?: number;
+}
 export declare class DataListGridComponent extends DataSortBase implements OnInit, DoCheck, AfterContentInit {
     private userService;
     private router;
@@ -141,6 +145,8 @@ export declare class DataListGridComponent extends DataSortBase implements OnIni
     editItem: EventEmitter<ListGridData>;
     deleteItem: EventEmitter<ListGridData>;
     pageChanged: EventEmitter<number>;
+    pageSizeChanged: EventEmitter<number>;
+    componentStateChanged: EventEmitter<DataListGridComponentState>;
     get viewItemObserved(): boolean;
     get editItemObserved(): boolean;
     get deleteItemObserved(): boolean;
@@ -171,6 +177,7 @@ export declare class DataListGridComponent extends DataSortBase implements OnIni
     updateGridMenuItems(useSelectedItem?: boolean): void;
     setSelectedItem(item: ListGridData): void;
     resolveFieldData(object: any, key: any): any;
+    emitComponentStateChanged(state?: DataListGridComponentState): void;
     onPageChange(event: any): void;
     resetPage(): void;
     fieldIsTruthy(object: any, key: any): boolean;
@@ -180,6 +187,6 @@ export declare class DataListGridComponent extends DataSortBase implements OnIni
     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; }; "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>;
+    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"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "listItemChildTemplate", "gridItemChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "customListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "templates"], never, false, never>;
 }
 export {};

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

@@ -3,7 +3,15 @@ import { BehaviorSubject } from 'rxjs';
 import { DataSortDirection } from '../../model/data-sort-direction';
 import { DataColumnNameId } from '../../model/data-column-name-id.model';
 import { DataTableColumn } from '../../model/data-table-column.model';
+import { DropdownChangeEvent } from 'primeng/dropdown';
 import * as i0 from "@angular/core";
+export type ListGridSort = {
+    sortColumn: string;
+    sortDirection: DataSortDirection;
+};
+export interface DataListGridSortingComponentState {
+    sorting?: ListGridSort;
+}
 export declare class DataListGridSortingComponent implements OnInit {
     columns: DataTableColumn[];
     sortStates: DataSortDirection[];
@@ -15,16 +23,18 @@ export declare class DataListGridSortingComponent implements OnInit {
     set sortField(value: string);
     sortChange: EventEmitter<string>;
     sortDirectionChange: EventEmitter<DataSortDirection>;
+    componentStateChanged: EventEmitter<DataListGridSortingComponentState>;
     columnsChange: EventEmitter<string[]>;
     selectedSortingOption: DataColumnNameId | undefined;
     dropdownOptions: DataColumnNameId[];
     ngOnInit(): void;
-    selectSorting(event: any): void;
+    selectSorting(event: DropdownChangeEvent): void;
     sortDirectionChanged(): void;
     nextSortDirection(): DataSortDirection;
+    emitComponentStateChange(): void;
     sortIcon(): "pi-sort-amount-up" | "pi-sort-amount-down" | "pi-sort-alt";
     sortIconTitle(): "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.ASCENDING_TITLE" | "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.DESCENDING_TITLE" | "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.DEFAULT_TITLE";
     sortDirectionToTitle(sortDirection: DataSortDirection): "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.ASCENDING_TITLE" | "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.DESCENDING_TITLE" | "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.DEFAULT_TITLE";
     static ɵfac: i0.ɵɵFactoryDeclaration<DataListGridSortingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataListGridSortingComponent, "ocx-data-list-grid-sorting", never, { "columns": { "alias": "columns"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; }, { "sortChange": "sortChange"; "sortDirectionChange": "sortDirectionChange"; "columnsChange": "columnsChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataListGridSortingComponent, "ocx-data-list-grid-sorting", never, { "columns": { "alias": "columns"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; }, { "sortChange": "sortChange"; "sortDirectionChange": "sortDirectionChange"; "componentStateChanged": "componentStateChanged"; "columnsChange": "columnsChange"; }, never, never, false, never>;
 }

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

@@ -33,6 +33,13 @@ export type Sort = {
     sortColumn: string;
     sortDirection: DataSortDirection;
 };
+export interface DataTableComponentState {
+    filters?: Filter[];
+    sorting?: Sort;
+    selectedRows?: Row[];
+    activePage?: number;
+    pageSize?: number;
+}
 export declare class DataTableComponent extends DataSortBase implements OnInit, AfterContentInit {
     private router;
     private injector;
@@ -168,6 +175,8 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     deleteTableRow: EventEmitter<Row>;
     selectionChanged: EventEmitter<Row[]>;
     pageChanged: EventEmitter<number>;
+    pageSizeChanged: EventEmitter<number>;
+    componentStateChanged: EventEmitter<DataTableComponentState>;
     displayedRows$: Observable<unknown[]> | undefined;
     selectedRows$: Observable<unknown[]> | undefined;
     currentFilterColumn$: BehaviorSubject<DataTableColumn | null>;
@@ -192,6 +201,7 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     templatesObservables: Record<string, Observable<TemplateRef<any> | null>>;
     constructor(locale: string, translateService: TranslateService, router: Router, injector: Injector, userService: UserService);
     ngOnInit(): void;
+    emitComponentStateChanged(state?: DataTableComponentState): void;
     ngAfterContentInit(): void;
     onSortColumnClick(sortColumn: string): void;
     columnNextSortDirection(sortColumn: string): DataSortDirection;
@@ -222,6 +232,6 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
         [x: string]: string | undefined;
     };
     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; }; "stringFilterCellTemplate": { "alias": "stringFilterCellTemplate"; "required": false; }; "numberFilterCellTemplate": { "alias": "numberFilterCellTemplate"; "required": false; }; "customFilterCellTemplate": { "alias": "customFilterCellTemplate"; "required": false; }; "dateFilterCellTemplate": { "alias": "dateFilterCellTemplate"; "required": false; }; "relativeDateFilterCellTemplate": { "alias": "relativeDateFilterCellTemplate"; "required": false; }; "filterCellTemplate": { "alias": "filterCellTemplate"; "required": false; }; "translationKeyFilterCellTemplate": { "alias": "translationKeyFilterCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "customCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate", "stringFilterCellChildTemplate", "numberFilterCellChildTemplate", "customFilterCellChildTemplate", "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; }; "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; }; "stringFilterCellTemplate": { "alias": "stringFilterCellTemplate"; "required": false; }; "numberFilterCellTemplate": { "alias": "numberFilterCellTemplate"; "required": false; }; "customFilterCellTemplate": { "alias": "customFilterCellTemplate"; "required": false; }; "dateFilterCellTemplate": { "alias": "dateFilterCellTemplate"; "required": false; }; "relativeDateFilterCellTemplate": { "alias": "relativeDateFilterCellTemplate"; "required": false; }; "filterCellTemplate": { "alias": "filterCellTemplate"; "required": false; }; "translationKeyFilterCellTemplate": { "alias": "translationKeyFilterCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "customCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate", "stringFilterCellChildTemplate", "numberFilterCellChildTemplate", "customFilterCellChildTemplate", "dateFilterCellChildTemplate", "relativeDateFilterCellChildTemplate", "filterCellChildTemplate", "translationKeyFilterCellChildTemplate", "templates"], never, false, never>;
 }
 export {};

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

@@ -1,13 +1,14 @@
 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 { DataListGridComponent, DataListGridComponentState, ListGridData } from '../data-list-grid/data-list-grid.component';
+import { Row, Filter, Sort, DataTableComponent, DataTableComponentState } 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 { BehaviorSubject, ReplaySubject, Observable } from 'rxjs';
 import { PrimeTemplate } from 'primeng/api';
-import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export type RowListGridData = ListGridData & Row;
+export type DataViewComponentState = DataListGridComponentState & DataTableComponentState;
 export declare class DataViewComponent implements DoCheck, OnInit, AfterContentInit {
     private injector;
     _dataListGridComponent: DataListGridComponent | undefined;
@@ -16,6 +17,8 @@ export declare class DataViewComponent implements DoCheck, OnInit, AfterContentI
     _dataTableComponent: DataTableComponent | undefined;
     set dataTable(ref: DataTableComponent | undefined);
     get dataTable(): DataTableComponent | undefined;
+    dataTableComponentState$: ReplaySubject<DataTableComponentState>;
+    dataListGridComponentState$: ReplaySubject<DataListGridComponentState>;
     deletePermission: string | undefined;
     editPermission: string | undefined;
     viewPermission: string | undefined;
@@ -192,6 +195,8 @@ export declare class DataViewComponent implements DoCheck, OnInit, AfterContentI
     editItem: EventEmitter<RowListGridData>;
     selectionChanged: EventEmitter<Row[]>;
     pageChanged: EventEmitter<number>;
+    pageSizeChanged: EventEmitter<number>;
+    componentStateChanged: EventEmitter<DataViewComponentState>;
     isDeleteItemObserved: boolean | undefined;
     isViewItemObserved: boolean | undefined;
     IsEditItemObserved: boolean | undefined;
@@ -218,6 +223,7 @@ export declare class DataViewComponent implements DoCheck, OnInit, AfterContentI
     editingElement(event: any): void;
     onRowSelectionChange(event: Row[]): void;
     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; }; "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; }; "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; }; "customTableFilterCellTemplate": { "alias": "customTableFilterCellTemplate"; "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", "tableFilterCellChildTemplate", "dateTableFilterCellChildTemplate", "relativeDateTableFilterCellChildTemplate", "translationKeyTableFilterCellChildTemplate", "stringTableFilterCellChildTemplate", "numberTableFilterCellChildTemplate", "customTableFilterCellChildTemplate", "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; }; "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; }; "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; }; "customTableFilterCellTemplate": { "alias": "customTableFilterCellTemplate"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["stringTableCellChildTemplate", "numberTableCellChildTemplate", "customTableCellChildTemplate", "tableDateCellChildTemplate", "dateTableCellChildTemplate", "tableCellChildTemplate", "tableTranslationKeyCellChildTemplate", "translationKeyTableCellChildTemplate", "gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "gridItemChildTemplate", "listItemChildTemplate", "tableRelativeDateCellChildTemplate", "relativeDateTableCellChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "customListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "tableFilterCellChildTemplate", "dateTableFilterCellChildTemplate", "relativeDateTableFilterCellChildTemplate", "translationKeyTableFilterCellChildTemplate", "stringTableFilterCellChildTemplate", "numberTableFilterCellChildTemplate", "customTableFilterCellChildTemplate", "templates"], never, false, never>;
 }

package/lib/components/diagram/diagram.component.d.ts

@@ -11,6 +11,9 @@ export interface DiagramLayouts {
     title?: string;
     titleKey: string;
 }
+export interface DiagramComponentState {
+    activeDiagramType?: DiagramType;
+}
 export declare class DiagramComponent implements OnInit, OnChanges {
     private translateService;
     data: DiagramData[] | undefined;
@@ -25,6 +28,7 @@ export declare class DiagramComponent implements OnInit, OnChanges {
     set supportedDiagramTypes(value: DiagramType[]);
     dataSelected: EventEmitter<any>;
     diagramTypeChanged: EventEmitter<DiagramType>;
+    componentStateChanged: EventEmitter<DiagramComponentState>;
     chartOptions: ChartOptions | undefined;
     chartData: ChartData | undefined;
     amountOfData: number | undefined | null;
@@ -39,5 +43,5 @@ export declare class DiagramComponent implements OnInit, OnChanges {
     dataClicked(event: []): void;
     onDiagramTypeChanged(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DiagramComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ocx-diagram", never, { "data": { "alias": "data"; "required": false; }; "sumKey": { "alias": "sumKey"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DiagramComponent, "ocx-diagram", never, { "data": { "alias": "data"; "required": false; }; "sumKey": { "alias": "sumKey"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }

package/lib/components/group-by-count-diagram/group-by-count-diagram.component.d.ts

@@ -6,6 +6,9 @@ import { DiagramColumn } from '../../model/diagram-column';
 import { DiagramData } from '../../model/diagram-data';
 import { DiagramType } from '../../model/diagram-type';
 import * as i0 from "@angular/core";
+export interface GroupByCountDiagramComponentState {
+    activeDiagramType?: DiagramType;
+}
 export declare class GroupByCountDiagramComponent implements OnInit {
     private translateService;
     sumKey: string;
@@ -30,10 +33,11 @@ export declare class GroupByCountDiagramComponent implements OnInit {
     set column(value: DiagramColumn);
     dataSelected: EventEmitter<any>;
     diagramTypeChanged: EventEmitter<DiagramType>;
+    componentStateChanged: EventEmitter<GroupByCountDiagramComponentState>;
     constructor(translateService: TranslateService);
     ngOnInit(): void;
     dataClicked(event: any): void;
     onDiagramTypeChanged(newDiagramType: DiagramType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupByCountDiagramComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GroupByCountDiagramComponent, "ocx-group-by-count-diagram", never, { "sumKey": { "alias": "sumKey"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; "data": { "alias": "data"; "required": false; }; "columnType": { "alias": "columnType"; "required": false; }; "columnField": { "alias": "columnField"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupByCountDiagramComponent, "ocx-group-by-count-diagram", never, { "sumKey": { "alias": "sumKey"; "required": false; }; "diagramType": { "alias": "diagramType"; "required": false; }; "type": { "alias": "type"; "required": false; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; }; "data": { "alias": "data"; "required": false; }; "columnType": { "alias": "columnType"; "required": false; }; "columnField": { "alias": "columnField"; "required": false; }; "column": { "alias": "column"; "required": false; }; }, { "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }

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

@@ -1,18 +1,26 @@
 import { AfterContentInit, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
-import { PrimeTemplate } from 'primeng/api';
+import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
 import { DataAction } from '../../model/data-action';
 import { DataSortDirection } from '../../model/data-sort-direction';
 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 { ColumnGroupSelectionComponentState, GroupSelectionChangedEvent } from '../column-group-selection/column-group-selection.component';
+import { PrimeTemplate } from 'primeng/api';
+import { ActionColumnChangedEvent, ColumnSelectionChangedEvent, CustomGroupColumnSelectorComponentState } from '../custom-group-column-selector/custom-group-column-selector.component';
+import { DataLayoutSelectionComponentState } from '../data-layout-selection/data-layout-selection.component';
+import { DataListGridSortingComponentState } from '../data-list-grid-sorting/data-list-grid-sorting.component';
 import { Filter, Row, Sort } from '../data-table/data-table.component';
-import { DataViewComponent, RowListGridData } from '../data-view/data-view.component';
-import { BehaviorSubject } from 'rxjs';
+import { DataViewComponent, DataViewComponentState, RowListGridData } from '../data-view/data-view.component';
 import * as i0 from "@angular/core";
+export type InteractiveDataViewComponentState = ColumnGroupSelectionComponentState & CustomGroupColumnSelectorComponentState & DataLayoutSelectionComponentState & DataListGridSortingComponentState & DataViewComponentState;
 export declare class InteractiveDataViewComponent implements OnInit, AfterContentInit {
     _dataViewComponent: DataViewComponent | undefined;
     set dataView(ref: DataViewComponent | undefined);
     get dataView(): DataViewComponent | undefined;
+    columnGroupSelectionComponentState$: ReplaySubject<ColumnGroupSelectionComponentState>;
+    customGroupColumnSelectorComponentState$: ReplaySubject<CustomGroupColumnSelectorComponentState>;
+    dataLayoutComponentState$: ReplaySubject<DataLayoutSelectionComponentState>;
+    dataListGridSortingComponentState$: ReplaySubject<DataListGridSortingComponentState>;
+    dataViewComponentState$: ReplaySubject<DataViewComponentState>;
     deletePermission: string | undefined;
     editPermission: string | undefined;
     viewPermission: string | undefined;
@@ -49,7 +57,15 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     tablePaginator: boolean;
     page: number;
     selectedRows: Row[];
-    displayedColumns: DataTableColumn[];
+    displayedColumnKeys$: BehaviorSubject<string[]>;
+    displayedColumns$: Observable<DataTableColumn[]> | undefined;
+    get displayedColumnKeys(): string[];
+    set displayedColumnKeys(value: string[]);
+    /**
+     * @deprecated Use `displayedColumnKeys` and pass in column ids instead of `DataTableColumn` objects
+     */
+    get displayedColumns(): DataTableColumn[];
+    set displayedColumns(value: DataTableColumn[]);
     frozenActionColumn: boolean;
     actionColumnPosition: 'left' | 'right';
     tableCell: TemplateRef<any> | undefined;
@@ -114,8 +130,11 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     editItem: EventEmitter<RowListGridData>;
     dataViewLayoutChange: EventEmitter<"grid" | "list" | "table">;
     displayedColumnsChange: EventEmitter<DataTableColumn[]>;
+    displayedColumnKeysChange: EventEmitter<string[]>;
     selectionChanged: EventEmitter<Row[]>;
     pageChanged: EventEmitter<number>;
+    pageSizeChanged: EventEmitter<number>;
+    componentStateChanged: EventEmitter<InteractiveDataViewComponentState>;
     selectedGroupKey: string;
     isDeleteItemObserved: boolean | undefined;
     isViewItemObserved: boolean | undefined;
@@ -170,6 +189,7 @@ export declare class InteractiveDataViewComponent implements OnInit, AfterConten
     onActionColumnConfigChange(event: ActionColumnChangedEvent): void;
     onRowSelectionChange(event: Row[]): void;
     onPageChange(event: number): void;
+    onPageSizeChange(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", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "customListValue", "stringListValue", "dateListValue", "tableFilterCell", "dateTableFilterCell", "relativeDateTableFilterCell", "translationKeyTableFilterCell", "stringTableFilterCell", "numberTableFilterCell", "customTableFilterCell", "templates"], 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; }; "displayedColumnKeys": { "alias": "displayedColumnKeys"; "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"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "customListValue", "stringListValue", "dateListValue", "tableFilterCell", "dateTableFilterCell", "relativeDateTableFilterCell", "translationKeyTableFilterCell", "stringTableFilterCell", "numberTableFilterCell", "customTableFilterCell", "templates"], never, false, never>;
 }

package/lib/components/search-header/search-header.component.d.ts

@@ -2,6 +2,10 @@ import { AfterViewInit, ElementRef, EventEmitter, TemplateRef } from '@angular/c
 import { Action } from '../page-header/page-header.component';
 import { SearchConfigInfo } from '../../model/search-config-info';
 import * as i0 from "@angular/core";
+export interface SearchHeaderComponentState {
+    activeViewMode?: 'basic' | 'advanced';
+    selectedSearchConfig?: SearchConfigInfo;
+}
 /**
  * To trigger the search when Enter key is pressed inside a search parameter field,
  * an EventListener for keyup enter event is added for HTML elements which have an input.
@@ -28,6 +32,7 @@ export declare class SearchHeaderComponent implements AfterViewInit {
     resetted: EventEmitter<any>;
     selectedSearchConfigChanged: EventEmitter<SearchConfigInfo>;
     viewModeChanged: EventEmitter<'basic' | 'advanced'>;
+    componentStateChanged: EventEmitter<SearchHeaderComponentState>;
     additionalToolbarContent: TemplateRef<any> | undefined;
     get _additionalToolbarContent(): TemplateRef<any> | undefined;
     additionalToolbarContentLeft: TemplateRef<any> | undefined;
@@ -44,5 +49,5 @@ export declare class SearchHeaderComponent implements AfterViewInit {
     onSearchKeyup(event: any): void;
     confirmSearchConfig(searchConfig: SearchConfigInfo): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "searchConfigs": { "alias": "searchConfigs"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; }; }, { "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; }, ["additionalToolbarContent", "additionalToolbarContentLeft"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "searchConfigs": { "alias": "searchConfigs"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headline": { "alias": "headline"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; }; }, { "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; "componentStateChanged": "componentStateChanged"; }, ["additionalToolbarContent", "additionalToolbarContentLeft"], ["*"], false, never>;
 }

package/lib/utils/rxjs-utils.d.ts

@@ -0,0 +1,3 @@
+import { Timestamp } from 'rxjs';
+export declare function orderValuesByTimestamp(valuesWithTimestamp: Timestamp<any>[]): any[];
+export declare function orderAndMergeValuesByTimestamp(valuesWithTimestamp: Timestamp<any>[]): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onecx/angular-accelerator",
-  "version": "5.8.0",
+  "version": "5.9.0",
   "license": "Apache-2.0",
   "peerDependencies": {
     "@angular/common": "^18.0.5",