@onecx/angular-accelerator 5.7.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;
@@ -112,16 +116,16 @@ export declare class DataListGridComponent extends DataSortBase implements OnIni
     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"
-   */
+     * @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"
-   */
+     * @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;
@@ -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

@@ -5,15 +5,26 @@ import { UserService } from '@onecx/angular-integration-interface';
 import { MenuItem, PrimeTemplate, SelectItem } 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 { MultiSelectItem } from 'primeng/multiselect';
 import * as i0 from "@angular/core";
 export type Row = {
     id: string | number;
     [columnId: string]: unknown;
 };
+export declare enum TemplateType {
+    CELL = "CELL",
+    FILTERCELL = "FILTERCELL"
+}
+interface TemplatesData {
+    templatesObservables: Record<string, Observable<TemplateRef<any> | null>>;
+    idSuffix: Array<string>;
+    templateNames: Record<ColumnType, Array<string>>;
+}
 export type Filter = {
     columnId: string;
     value: string;
@@ -22,10 +33,18 @@ 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;
     private userService;
+    TemplateType: typeof TemplateType;
     _rows$: BehaviorSubject<Row[]>;
     get rows(): Row[];
     set rows(value: Row[]);
@@ -113,6 +132,37 @@ export declare class DataTableComponent extends DataSortBase implements OnInit,
     translationKeyCellTemplate: TemplateRef<any> | undefined;
     translationKeyCellChildTemplate: TemplateRef<any> | undefined;
     get _translationKeyCell(): TemplateRef<any> | undefined;
+    stringFilterCellTemplate: TemplateRef<any> | undefined;
+    stringFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _stringFilterCell(): TemplateRef<any> | undefined;
+    numberFilterCellTemplate: TemplateRef<any> | undefined;
+    numberFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _numberFilterCell(): TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column filter
+     * use the new approach instead by following the naming convention column id + IdFilterCell
+     * e.g. for a column with the id 'status' use pTemplate="statusIdFilterCell"
+     */
+    customFilterCellTemplate: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column filter
+     * use the new approach instead by following the naming convention column id + IdFilterCell
+     * e.g. for a column with the id 'status' use pTemplate="statusIdFilterCell"
+     */
+    customFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _customFilterCell(): TemplateRef<any> | undefined;
+    dateFilterCellTemplate: TemplateRef<any> | undefined;
+    dateFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _dateFilterCell(): TemplateRef<any> | undefined;
+    relativeDateFilterCellTemplate: TemplateRef<any> | undefined;
+    relativeDateFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _relativeDateFilterCell(): TemplateRef<any> | undefined;
+    filterCellTemplate: TemplateRef<any> | undefined;
+    filterCellChildTemplate: TemplateRef<any> | undefined;
+    get _filterCell(): TemplateRef<any> | undefined;
+    translationKeyFilterCellTemplate: TemplateRef<any> | undefined;
+    translationKeyFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _translationKeyFilterCell(): TemplateRef<any> | undefined;
     _additionalActions$: BehaviorSubject<DataAction[]>;
     get additionalActions(): DataAction[];
     set additionalActions(value: DataAction[]);
@@ -125,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>;
@@ -149,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;
@@ -168,9 +221,17 @@ 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;
+    cellTemplatesData: TemplatesData;
+    filterTemplatesData: TemplatesData;
+    templatesDataMap: Record<TemplateType, TemplatesData>;
     findTemplate(templates: PrimeTemplate[], names: string[]): PrimeTemplate | undefined;
-    getTemplate(column: DataTableColumn): Observable<TemplateRef<any> | null>;
+    getColumnTypeTemplate(templates: PrimeTemplate[], columnType: ColumnType, templateType: TemplateType): TemplateRef<any> | null;
+    getTemplate(column: DataTableColumn, templateType: TemplateType): Observable<TemplateRef<any> | null>;
     resolveFieldData(object: any, key: any): any;
+    getRowObjectFromMultiselectItem(value: MultiSelectItem, column: DataTableColumn): {
+        [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; }; "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>;
+    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;
@@ -153,6 +156,37 @@ export declare class DataViewComponent implements DoCheck, OnInit, AfterContentI
     dateListValueTemplate: TemplateRef<any> | undefined;
     dateListValueChildTemplate: TemplateRef<any> | undefined;
     get _dateListValue(): TemplateRef<any> | undefined;
+    tableFilterCellTemplate: TemplateRef<any> | undefined;
+    tableFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _tableFilterCell(): TemplateRef<any> | undefined;
+    dateTableFilterCellTemplate: TemplateRef<any> | undefined;
+    dateTableFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _dateTableFilterCell(): TemplateRef<any> | undefined;
+    relativeDateTableFilterCellTemplate: TemplateRef<any> | undefined;
+    relativeDateTableFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _relativeDateTableFilterCell(): TemplateRef<any> | undefined;
+    translationKeyTableFilterCellTemplate: TemplateRef<any> | undefined;
+    translationKeyTableFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _translationKeyTableFilterCell(): TemplateRef<any> | undefined;
+    stringTableFilterCellTemplate: TemplateRef<any> | undefined;
+    stringTableFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _stringTableFilterCell(): TemplateRef<any> | undefined;
+    numberTableFilterCellTemplate: TemplateRef<any> | undefined;
+    numberTableFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _numberTableFilterCell(): TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column filter
+     * use the new approach instead by following the naming convention column id + IdTableFilterCell
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdTableFilterCell"
+     */
+    customTableFilterCellTemplate: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column filter
+     * use the new approach instead by following the naming convention column id + IdTableFilterCell
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdTableFilterCell"
+     */
+    customTableFilterCellChildTemplate: TemplateRef<any> | undefined;
+    get _customTableFilterCell(): TemplateRef<any> | undefined;
     additionalActions: DataAction[];
     filtered: EventEmitter<Filter[]>;
     sorted: EventEmitter<Sort>;
@@ -161,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;
@@ -187,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; }; "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>;
+    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>;
 }