@onecx/angular-accelerator 9.0.0-rc.4 → 9.0.0-rc.6

package/types/onecx-angular-accelerator.d.ts

@@ -2,18 +2,18 @@ import * as _angular_core from '@angular/core';
 import { OnInit, TemplateRef, EventEmitter, DoCheck, AfterViewInit, OnChanges, Renderer2, SimpleChanges, OnDestroy, OutputEmitterRef, Signal, ElementRef, Type, ViewContainerRef, ComponentRef, PipeTransform } from '@angular/core';
 import * as i19 from 'primeng/tooltip';
 import { Tooltip } from 'primeng/tooltip';
+import * as _onecx_angular_accelerator from '@onecx/angular-accelerator';
 import * as i22 from 'primeng/api';
-import { PrimeIcons, SelectItem, PrimeTemplate, MenuItem } from 'primeng/api';
-import { MfeInfo, EventsTopic } from '@onecx/integration-interface';
+import { MenuItem, PrimeTemplate, SelectItem, PrimeIcons } from 'primeng/api';
 import * as i11 from 'primeng/menu';
 import { Menu } from 'primeng/menu';
+import * as i13 from 'primeng/multiselect';
+import { MultiSelectItem } from 'primeng/multiselect';
 import * as rxjs from 'rxjs';
-import { Observable, ReplaySubject, BehaviorSubject, Subject, Subscription } from 'rxjs';
+import { Observable, BehaviorSubject, Subject, Subscription } from 'rxjs';
 import * as i39 from '@ngx-translate/core';
 import { TranslateService, TranslatePipe } from '@ngx-translate/core';
-import * as _onecx_angular_accelerator from '@onecx/angular-accelerator';
-import * as i13 from 'primeng/multiselect';
-import { MultiSelectItem } from 'primeng/multiselect';
+import { MfeInfo, EventsTopic } from '@onecx/integration-interface';
 import * as i4 from 'primeng/select';
 import { SelectChangeEvent } from 'primeng/select';
 import * as node_modules_chart_js_dist_types_utils from 'node_modules/chart.js/dist/types/utils';
@@ -273,162 +273,6 @@ interface DataTableColumn {
     dateFormat?: string;
 }
 
-type GroupSelectionChangedEvent = {
-    activeColumns: DataTableColumn[];
-    groupKey: string;
-};
-interface ColumnGroupSelectionComponentState {
-    activeColumnGroupKey?: string;
-    displayedColumns?: DataTableColumn[];
-}
-declare class ColumnGroupSelectionComponent implements OnInit {
-    readonly selectedGroupKey: _angular_core.ModelSignal<string>;
-    readonly columns: _angular_core.InputSignal<DataTableColumn[]>;
-    readonly placeholderKey: _angular_core.InputSignal<string>;
-    readonly defaultGroupKey: _angular_core.InputSignal<string>;
-    readonly customGroupKey: _angular_core.InputSignal<string>;
-    readonly groupSelectionChanged: _angular_core.OutputEmitterRef<GroupSelectionChangedEvent>;
-    readonly componentStateChanged: _angular_core.OutputEmitterRef<ColumnGroupSelectionComponentState>;
-    readonly allGroupKeys: _angular_core.Signal<string[]>;
-    constructor();
-    ngOnInit(): void;
-    changeGroupSelection(event: {
-        value: string;
-    }): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnGroupSelectionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnGroupSelectionComponent, "ocx-column-group-selection", never, { "selectedGroupKey": { "alias": "selectedGroupKey"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; "isSignal": true; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; "isSignal": true; }; }, { "selectedGroupKey": "selectedGroupKeyChange"; "groupSelectionChanged": "groupSelectionChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
-}
-
-declare class OcxContentComponent {
-    /**
-     * Optionally allows specifying a title for the content card
-     */
-    title: _angular_core.InputSignal<string>;
-    /**
-     * Optionally allows specifying styles for the content card
-     */
-    styleClass: _angular_core.InputSignal<string | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OcxContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OcxContentComponent, "ocx-content", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class OcxContentContainerComponent {
-    /**
-     * Allows specifying the layout direction of the container
-     */
-    layout: _angular_core.InputSignal<"horizontal" | "vertical">;
-    /**
-     * Allows specifying the breakpoint below which a horizontal layout switches to a vertical layout.
-     * Only necessary if horizontal layout is used
-     * Default: md
-     */
-    breakpoint: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl">;
-    /**
-     * Optionally allows specifying styles for the container
-     */
-    styleClass: _angular_core.InputSignal<string | undefined>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OcxContentContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OcxContentContainerComponent, "ocx-content-container", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
-}
-
-type ColumnSelectionChangedEvent = {
-    activeColumns: DataTableColumn[];
-};
-type ActionColumnChangedEvent = {
-    frozenActionColumn: boolean;
-    actionColumnPosition: 'left' | 'right';
-};
-interface CustomGroupColumnSelectorComponentState {
-    actionColumnConfig?: {
-        frozen: boolean;
-        position: 'left' | 'right';
-    };
-    displayedColumns?: DataTableColumn[];
-    activeColumnGroupKey?: string;
-}
-declare class CustomGroupColumnSelectorComponent implements OnInit {
-    readonly columns: _angular_core.InputSignal<DataTableColumn[]>;
-    readonly displayedColumns: _angular_core.ModelSignal<DataTableColumn[]>;
-    readonly customGroupKey: _angular_core.InputSignal<string>;
-    readonly dialogTitle: _angular_core.InputSignal<string>;
-    readonly dialogTitleKey: _angular_core.InputSignal<string>;
-    readonly openButtonTitle: _angular_core.InputSignal<string>;
-    readonly openButtonTitleKey: _angular_core.InputSignal<string>;
-    readonly openButtonAriaLabel: _angular_core.InputSignal<string>;
-    readonly openButtonAriaLabelKey: _angular_core.InputSignal<string>;
-    readonly saveButtonLabel: _angular_core.InputSignal<string>;
-    readonly saveButtonLabelKey: _angular_core.InputSignal<string>;
-    readonly saveButtonAriaLabel: _angular_core.InputSignal<string>;
-    readonly saveButtonAriaLabelKey: _angular_core.InputSignal<string>;
-    readonly cancelButtonLabel: _angular_core.InputSignal<string>;
-    readonly cancelButtonLabelKey: _angular_core.InputSignal<string>;
-    readonly cancelButtonAriaLabel: _angular_core.InputSignal<string>;
-    readonly cancelButtonAriaLabelKey: _angular_core.InputSignal<string>;
-    readonly activeColumnsLabel: _angular_core.InputSignal<string>;
-    readonly activeColumnsLabelKey: _angular_core.InputSignal<string>;
-    readonly inactiveColumnsLabel: _angular_core.InputSignal<string>;
-    readonly inactiveColumnsLabelKey: _angular_core.InputSignal<string>;
-    readonly frozenActionColumn: _angular_core.InputSignal<boolean>;
-    readonly actionColumnPosition: _angular_core.InputSignal<"right" | "left">;
-    readonly columnSelectionChanged: _angular_core.OutputEmitterRef<ColumnSelectionChangedEvent>;
-    readonly actionColumnConfigChanged: _angular_core.OutputEmitterRef<ActionColumnChangedEvent>;
-    readonly componentStateChanged: _angular_core.OutputEmitterRef<CustomGroupColumnSelectorComponentState>;
-    readonly hiddenColumnsModel: _angular_core.WritableSignal<DataTableColumn[]>;
-    readonly displayedColumnsModel: _angular_core.WritableSignal<DataTableColumn[]>;
-    readonly frozenActionColumnModel: _angular_core.WritableSignal<boolean>;
-    readonly actionColumnPositionModel: _angular_core.WritableSignal<"right" | "left">;
-    readonly visible: _angular_core.WritableSignal<boolean>;
-    readonly alignmentOptions: _angular_core.WritableSignal<{
-        label: string;
-        value: "left" | "right";
-    }[]>;
-    readonly frozenOptions: _angular_core.WritableSignal<{
-        label: string;
-        value: boolean;
-    }[]>;
-    private readonly _actionColumnState;
-    constructor();
-    ngOnInit(): void;
-    onOpenCustomGroupColumnSelectionDialogClick(): void;
-    onSaveClick(): void;
-    onCancelClick(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CustomGroupColumnSelectorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CustomGroupColumnSelectorComponent, "ocx-custom-group-column-selector", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; "isSignal": true; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; "isSignal": true; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; "isSignal": true; }; "dialogTitleKey": { "alias": "dialogTitleKey"; "required": false; "isSignal": true; }; "openButtonTitle": { "alias": "openButtonTitle"; "required": false; "isSignal": true; }; "openButtonTitleKey": { "alias": "openButtonTitleKey"; "required": false; "isSignal": true; }; "openButtonAriaLabel": { "alias": "openButtonAriaLabel"; "required": false; "isSignal": true; }; "openButtonAriaLabelKey": { "alias": "openButtonAriaLabelKey"; "required": false; "isSignal": true; }; "saveButtonLabel": { "alias": "saveButtonLabel"; "required": false; "isSignal": true; }; "saveButtonLabelKey": { "alias": "saveButtonLabelKey"; "required": false; "isSignal": true; }; "saveButtonAriaLabel": { "alias": "saveButtonAriaLabel"; "required": false; "isSignal": true; }; "saveButtonAriaLabelKey": { "alias": "saveButtonAriaLabelKey"; "required": false; "isSignal": true; }; "cancelButtonLabel": { "alias": "cancelButtonLabel"; "required": false; "isSignal": true; }; "cancelButtonLabelKey": { "alias": "cancelButtonLabelKey"; "required": false; "isSignal": true; }; "cancelButtonAriaLabel": { "alias": "cancelButtonAriaLabel"; "required": false; "isSignal": true; }; "cancelButtonAriaLabelKey": { "alias": "cancelButtonAriaLabelKey"; "required": false; "isSignal": true; }; "activeColumnsLabel": { "alias": "activeColumnsLabel"; "required": false; "isSignal": true; }; "activeColumnsLabelKey": { "alias": "activeColumnsLabelKey"; "required": false; "isSignal": true; }; "inactiveColumnsLabel": { "alias": "inactiveColumnsLabel"; "required": false; "isSignal": true; }; "inactiveColumnsLabelKey": { "alias": "inactiveColumnsLabelKey"; "required": false; "isSignal": true; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; "isSignal": true; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; "isSignal": true; }; }, { "displayedColumns": "displayedColumnsChange"; "columnSelectionChanged": "columnSelectionChanged"; "actionColumnConfigChanged": "actionColumnConfigChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
-}
-
-/**
- * @example let myIcon : PrimeIcon = PrimeIcons.myIcon
- */
-type PrimeIcon = (typeof PrimeIcons)[keyof Omit<typeof PrimeIcons, 'prototype'>];
-
-interface ViewingLayouts {
-    id: string;
-    icon: PrimeIcon;
-    layout: 'grid' | 'list' | 'table';
-    tooltip?: string;
-    tooltipKey: string;
-    label?: string;
-    labelKey: string;
-}
-interface DataLayoutSelectionComponentState {
-    layout?: 'grid' | 'list' | 'table';
-}
-declare class DataLayoutSelectionComponent implements OnInit {
-    supportedViewLayouts: _angular_core.InputSignal<string[]>;
-    layout: _angular_core.ModelSignal<"table" | "grid" | "list">;
-    dataViewLayoutChange: _angular_core.OutputEmitterRef<"table" | "grid" | "list">;
-    componentStateChanged: _angular_core.OutputEmitterRef<DataLayoutSelectionComponentState>;
-    viewingLayouts: _angular_core.Signal<ViewingLayouts[]>;
-    readonly selectedViewLayout: _angular_core.Signal<ViewingLayouts | undefined>;
-    ngOnInit(): void;
-    onDataViewLayoutChange(event: {
-        icon: PrimeIcon;
-        layout: 'grid' | 'list' | 'table';
-    }): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataLayoutSelectionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataLayoutSelectionComponent, "ocx-data-layout-selection", never, { "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, { "layout": "layoutChange"; "dataViewLayoutChange": "dataViewLayoutChange"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
-}
-
 type RouterLink = string | (() => string) | (() => Promise<string>) | Promise<string>;
 interface DataAction {
     id?: string;
@@ -450,70 +294,63 @@ declare const enum DataSortDirection {
     NONE = "NONE"
 }
 
-type Primitive = number | string | boolean | bigint | Date;
-type Row = {
+declare class ObservableOutputEmitterRef<T> extends OutputEmitterRef<T> {
+    observed: Signal<boolean>;
+    constructor();
+}
+declare function observableOutput<T>(): ObservableOutputEmitterRef<T>;
+
+type RowListGridData$1 = ListGridData & Row;
+
+type ListGridData = {
     id: string | number;
+    imagePath: string | number;
     [columnId: string]: unknown;
 };
-declare enum TemplateType {
-    CELL = "CELL",
-    FILTERCELL = "FILTERCELL"
+interface ListGridDataMenuItem extends MenuItem {
+    permission: string;
 }
-type Sort = {
-    sortColumn: string;
-    sortDirection: DataSortDirection;
-};
-interface DataTableComponentState {
-    filters?: Filter$1[];
-    sorting?: Sort;
-    selectedRows?: Row[];
-    expandedRows?: Row[];
+interface DataListGridComponentState {
     activePage?: number;
     pageSize?: number;
 }
-declare class DataTableComponent extends DataSortBase implements OnInit {
+declare class DataListGridComponent extends DataSortBase implements OnInit {
+    readonly stateService: DataViewStateService;
+    private readonly userService;
     private readonly router;
     private readonly injector;
-    private readonly userService;
+    private readonly appStateService;
     private readonly hasPermissionChecker;
     private readonly liveAnnouncer;
-    FilterType: typeof FilterType;
-    TemplateType: typeof TemplateType;
-    rows: _angular_core.ModelSignal<Row[]>;
-    previousRows: _angular_core.Signal<Row[]>;
-    selectedRows: _angular_core.ModelSignal<Row[]>;
-    selectedIds: _angular_core.WritableSignal<(string | number)[]>;
-    filters: _angular_core.ModelSignal<Filter$1[]>;
-    previousFilters: _angular_core.Signal<Filter$1[]>;
-    sortDirection: _angular_core.ModelSignal<DataSortDirection>;
-    sortColumn: _angular_core.ModelSignal<string>;
-    columnTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
-    columnFilterTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
-    columns: _angular_core.ModelSignal<DataTableColumn[]>;
-    clientSideFiltering: _angular_core.InputSignal<boolean>;
+    titleLineId: _angular_core.InputSignal<string | undefined>;
+    subtitleLineIds: _angular_core.InputSignal<string[] | undefined>;
     clientSideSorting: _angular_core.InputSignal<boolean>;
-    sortStates: _angular_core.ModelSignal<DataSortDirection[]>;
-    pageSizes: _angular_core.ModelSignal<number[]>;
+    clientSideFiltering: _angular_core.InputSignal<boolean>;
+    sortStates: _angular_core.InputSignal<DataSortDirection[]>;
+    set page(value: number);
+    set pageSize(value: number);
+    pageSizes: _angular_core.InputSignal<number[]>;
     displayedPageSize: _angular_core.Signal<number>;
-    pageSize: _angular_core.ModelSignal<number | undefined>;
     emptyResultsMessage: _angular_core.InputSignal<string | undefined>;
-    name: _angular_core.ModelSignal<string>;
-    deletePermission: _angular_core.InputSignal<PermissionInput>;
+    fallbackImage: _angular_core.InputSignal<string>;
+    set layout(value: 'grid' | 'list');
     viewPermission: _angular_core.InputSignal<PermissionInput>;
     editPermission: _angular_core.InputSignal<PermissionInput>;
+    deletePermission: _angular_core.InputSignal<PermissionInput>;
     deleteActionVisibleField: _angular_core.InputSignal<string | undefined>;
     deleteActionEnabledField: _angular_core.InputSignal<string | undefined>;
     viewActionVisibleField: _angular_core.InputSignal<string | undefined>;
     viewActionEnabledField: _angular_core.InputSignal<string | undefined>;
     editActionVisibleField: _angular_core.InputSignal<string | undefined>;
     editActionEnabledField: _angular_core.InputSignal<string | undefined>;
-    selectionEnabledField: _angular_core.InputSignal<string | undefined>;
-    allowSelectAll: _angular_core.InputSignal<boolean>;
+    viewMenuItemKey: _angular_core.InputSignal<string | undefined>;
+    editMenuItemKey: _angular_core.InputSignal<string | undefined>;
+    deleteMenuItemKey: _angular_core.InputSignal<string | undefined>;
     paginator: _angular_core.InputSignal<boolean>;
-    page: _angular_core.ModelSignal<number>;
-    tableStyle: _angular_core.InputSignal<{
-        [klass: string]: any;
-    } | undefined>;
+    columnTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
+    set columns(value: DataTableColumn[]);
+    filteredColumns: _angular_core.Signal<DataTableColumn[]>;
+    name: _angular_core.ModelSignal<string | undefined>;
     totalRecordsOnServer: _angular_core.InputSignal<number | undefined>;
     currentPageShowingKey: _angular_core.InputSignal<string>;
     currentPageShowingWithTotalOnServerKey: _angular_core.InputSignal<string>;
@@ -526,82 +363,49 @@ declare class DataTableComponent extends DataSortBase implements OnInit {
         totalRecords: string;
         totalRecordsOnServer: number | undefined;
     }>;
-    captionTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    stringCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    stringCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    stringCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    numberCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    numberCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    numberCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    dateCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    dateCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    dateCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    relativeDateCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    relativeDateCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    relativeDateCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    cellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    cellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    cell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    translationKeyCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    translationKeyCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    translationKeyCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    stringFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    stringFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    stringFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    numberFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    numberFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    numberFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    dateFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    dateFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    dateFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    relativeDateFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    relativeDateFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    relativeDateFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    filterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    filterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    filterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    translationKeyFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    translationKeyFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    translationKeyFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
-    additionalActions: _angular_core.ModelSignal<DataAction[]>;
-    frozenActionColumn: _angular_core.InputSignal<boolean>;
-    actionColumnPosition: _angular_core.InputSignal<"right" | "left">;
-    expandedRows: _angular_core.ModelSignal<string[] | Row[] | number[]>;
-    expandedRowIds: _angular_core.Signal<(string | number)[]>;
-    expandedRowKeys: _angular_core.Signal<Record<string, boolean>>;
-    expandable: _angular_core.InputSignal<boolean>;
-    frozenExpandColumn: _angular_core.InputSignal<boolean>;
-    filtered: _angular_core.OutputEmitterRef<Filter$1[]>;
-    sorted: _angular_core.OutputEmitterRef<Sort>;
-    viewTableRow: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
-    editTableRow: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
-    deleteTableRow: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
-    selectionChanged: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row[]>;
-    pageChanged: _angular_core.OutputEmitterRef<number>;
-    pageSizeChanged: _angular_core.OutputEmitterRef<number>;
-    componentStateChanged: _angular_core.OutputEmitterRef<DataTableComponentState>;
-    rowExpanded: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
-    rowCollapsed: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
-    displayedRows$: Observable<Pick<{
-        [x: string]: unknown;
-    }, string>[]>;
-    selectedFilteredRows: _angular_core.Signal<Row[]>;
-    currentFilterColumn: _angular_core.WritableSignal<DataTableColumn | null>;
-    currentEqualFilterOptions$: Observable<{
-        options: never[];
-        column: undefined;
-    } | {
-        options: SelectItem<any>[];
-        column: DataTableColumn;
-    }>;
-    currentEqualSelectedFilters: _angular_core.Signal<unknown[]>;
-    currentTruthySelectedFilters: _angular_core.Signal<unknown[]>;
-    filterAmounts: _angular_core.Signal<Record<string, number>>;
-    overflowActions: _angular_core.Signal<DataAction[]>;
-    overflowActions$: Observable<DataAction[]>;
-    inlineActions: _angular_core.Signal<DataAction[]>;
+    set data(value: RowListGridData$1[]);
+    previousData: _angular_core.Signal<RowListGridData$1[]>;
+    set filters(value: Filter$1[]);
+    previousFilters: _angular_core.Signal<Filter$1[]>;
+    set sortDirection(value: DataSortDirection);
+    set sortField(value: string);
+    private readonly permissions$;
+    gridItemSubtitleLinesTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    gridItemSubtitleLinesChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get gridItemSubtitleLines(): TemplateRef<any> | undefined;
+    listItemSubtitleLinesTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    listItemSubtitleLinesChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get listItemSubtitleLines(): TemplateRef<any> | undefined;
+    listItemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    listItemChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get listItem(): TemplateRef<any> | undefined;
+    gridItemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    gridItemChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get gridItem(): TemplateRef<any> | undefined;
+    listValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    listValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get listValue(): TemplateRef<any> | undefined;
+    translationKeyListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    translationKeyListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get translationKeyListValue(): TemplateRef<any> | undefined;
+    numberListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    numberListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get numberListValue(): TemplateRef<any> | undefined;
+    relativeDateListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    relativeDateListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get relativeDateListValue(): TemplateRef<any> | undefined;
+    stringListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    stringListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get stringListValue(): TemplateRef<any> | undefined;
+    dateListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    dateListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get dateListValue(): TemplateRef<any> | undefined;
+    set additionalActions(value: DataAction[]);
+    inlineListActions: _angular_core.Signal<DataAction[]>;
+    overflowListActions: _angular_core.Signal<DataAction[]>;
+    overflowListActions$: Observable<DataAction[]>;
     currentMenuRow: _angular_core.WritableSignal<Row | null>;
-    overflowMenuItems$: Observable<{
+    overflowListMenuItems$: Observable<{
         label: any;
         icon: string | undefined;
         styleClass: string;
@@ -609,138 +413,162 @@ declare class DataTableComponent extends DataSortBase implements OnInit {
         visible: boolean;
         command: () => void;
     }[]>;
+    viewItem: ObservableOutputEmitterRef<ListGridData | undefined>;
+    editItem: ObservableOutputEmitterRef<ListGridData | undefined>;
+    deleteItem: ObservableOutputEmitterRef<ListGridData | undefined>;
+    pageChanged: _angular_core.OutputEmitterRef<number>;
+    pageSizeChanged: _angular_core.OutputEmitterRef<number>;
+    componentStateChanged: _angular_core.OutputEmitterRef<DataListGridComponentState>;
+    get viewItemObserved(): boolean;
+    get editItemObserved(): boolean;
+    get deleteItemObserved(): boolean;
+    observedOutputs: _angular_core.Signal<number>;
+    get sortDirectionNumber(): number;
+    selectedItem: _angular_core.WritableSignal<ListGridData | undefined>;
+    permittedAdditionalActions$: Observable<DataAction[]>;
+    gridMenuState$: Observable<{
+        permissions: string[];
+        additionalActions: DataAction[];
+        selectedItem: ListGridData | undefined;
+        viewMenuItemKey: string;
+        editMenuItemKey: string;
+        deleteMenuItemKey: string;
+        viewPermission: PermissionInput;
+        editPermission: PermissionInput;
+        deletePermission: PermissionInput;
+        viewActionEnabledField: string | undefined;
+        editActionEnabledField: string | undefined;
+        deleteActionEnabledField: string | undefined;
+        viewActionVisibleField: string | undefined;
+        editActionVisibleField: string | undefined;
+        deleteActionVisibleField: string | undefined;
+    }>;
+    gridMenuItems$: Observable<MenuItem[]>;
+    displayedItems$: Observable<(ListGridData | Row)[]>;
+    fallbackImagePath$: Observable<string>;
     templates: _angular_core.Signal<readonly PrimeTemplate[]>;
     templates$: Observable<readonly PrimeTemplate[]>;
     viewTemplates: _angular_core.Signal<readonly PrimeTemplate[]>;
     viewTemplates$: Observable<readonly PrimeTemplate[]>;
     parentTemplates: _angular_core.ModelSignal<PrimeTemplate[] | null | undefined>;
     parentTemplates$: Observable<PrimeTemplate[] | null | undefined>;
-    expansionTemplate: _angular_core.Signal<PrimeTemplate | undefined>;
-    get viewTableRowObserved(): boolean;
-    get editTableRowObserved(): boolean;
-    get deleteTableRowObserved(): boolean;
-    get anyRowActionObserved(): boolean;
-    get actionColumnVisible(): boolean;
-    getRowColspan(hasExpansionTemplate: boolean): number;
-    get selectionChangedObserved(): boolean;
+    columnType: typeof ColumnType;
+    private templatesObservables;
+    hasViewPermission$: Observable<boolean>;
     constructor();
     ngOnInit(): void;
-    translateColumnValues(columnValues: string[]): Observable<any>;
+    onDeleteRow(element: ListGridData): void;
+    onViewRow(element: ListGridData): void;
+    onEditRow(element: ListGridData): void;
+    imgError(item: ListGridData): void;
+    getFallbackImagePath(mfeInfo: MfeInfo): string;
+    setSelectedItem(item: ListGridData): void;
+    resolveFieldData(object: any, key: any): any;
     emitComponentStateChanged(): void;
-    emitSelectionChanged(): void;
-    onRowExpand(event: any): void;
-    onRowCollapse(event: any): void;
-    isRowExpanded(row: Row): boolean;
-    toggleRowExpansion(row: Row): void;
-    onSortColumnClick(sortColumn: string): void;
-    columnNextSortDirection(sortColumn: string): DataSortDirection;
-    onDeleteRow(selectedTableRow: Row): void;
-    onViewRow(selectedTableRow: Row): void;
-    onEditRow(selectedTableRow: Row): void;
-    onFilterChosen(column: DataTableColumn): void;
-    onMultiselectFilterChange(column: DataTableColumn, event: any): void;
-    sortIconTitle(sortColumn: string): "OCX_DATA_TABLE.TOGGLE_BUTTON.ASCENDING_TITLE" | "OCX_DATA_TABLE.TOGGLE_BUTTON.DESCENDING_TITLE" | "OCX_DATA_TABLE.TOGGLE_BUTTON.DEFAULT_TITLE";
-    sortDirectionToTitle(sortDirection: DataSortDirection): "OCX_DATA_TABLE.TOGGLE_BUTTON.ASCENDING_TITLE" | "OCX_DATA_TABLE.TOGGLE_BUTTON.DESCENDING_TITLE" | "OCX_DATA_TABLE.TOGGLE_BUTTON.DEFAULT_TITLE";
-    isRowSelectionDisabled(rowObject: Row): boolean;
-    rowSelectable(event: any): boolean;
-    onSelectionChange(selection: Row[]): void;
-    mergeWithDisabledKeys(newSelectionIds: (string | number)[], disabledRowIds: (string | number)[]): (string | number)[];
-    isSelected(row: Row): boolean;
     onPageChange(event: any): void;
     fieldIsTruthy(object: any, key: any): boolean;
-    toggleOverflowMenu(event: MouseEvent, menu: Menu, row: Row): void;
     hasVisibleOverflowMenuItems(row: any): Observable<boolean>;
-    isDate(value: Date | string | number): boolean;
-    private readonly cellTemplatesData;
-    private readonly filterTemplatesData;
-    private readonly templatesDataMap;
-    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): Record<string, string | undefined>;
-    rowTrackByFunction: (index: number, item: any) => any;
+    toggleOverflowMenu(event: MouseEvent, menu: Menu, row: Row): void;
+    findTemplate(templates: PrimeTemplate[], names: string[]): PrimeTemplate | undefined;
+    getTemplate(column: DataTableColumn): Observable<TemplateRef<any> | null>;
+    private mapGridMenuItems;
+    private getGridActionsTranslations;
+    private shouldDisplayAction;
     private filterActionsBasedOnPermissions;
-    onActionClick(action: DataAction, rowObject: any): Promise<void>;
+    private getPermissions;
+    onActionClick(action: DataAction, item: any): Promise<void>;
     private createMenuItemCommand;
-    getRowSummary(rowObject: any): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent, "ocx-data-table", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; "isSignal": true; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; "isSignal": true; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "deletePermission": { "alias": "deletePermission"; "required": false; "isSignal": true; }; "viewPermission": { "alias": "viewPermission"; "required": false; "isSignal": true; }; "editPermission": { "alias": "editPermission"; "required": false; "isSignal": true; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; "isSignal": true; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; "isSignal": true; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; "isSignal": true; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; "isSignal": true; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; "isSignal": true; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; "isSignal": true; }; "selectionEnabledField": { "alias": "selectionEnabledField"; "required": false; "isSignal": true; }; "allowSelectAll": { "alias": "allowSelectAll"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; "isSignal": true; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; "isSignal": true; }; "captionTemplate": { "alias": "captionTemplate"; "required": false; "isSignal": true; }; "stringCellTemplate": { "alias": "stringCellTemplate"; "required": false; "isSignal": true; }; "numberCellTemplate": { "alias": "numberCellTemplate"; "required": false; "isSignal": true; }; "dateCellTemplate": { "alias": "dateCellTemplate"; "required": false; "isSignal": true; }; "relativeDateCellTemplate": { "alias": "relativeDateCellTemplate"; "required": false; "isSignal": true; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; "isSignal": true; }; "translationKeyCellTemplate": { "alias": "translationKeyCellTemplate"; "required": false; "isSignal": true; }; "stringFilterCellTemplate": { "alias": "stringFilterCellTemplate"; "required": false; "isSignal": true; }; "numberFilterCellTemplate": { "alias": "numberFilterCellTemplate"; "required": false; "isSignal": true; }; "dateFilterCellTemplate": { "alias": "dateFilterCellTemplate"; "required": false; "isSignal": true; }; "relativeDateFilterCellTemplate": { "alias": "relativeDateFilterCellTemplate"; "required": false; "isSignal": true; }; "filterCellTemplate": { "alias": "filterCellTemplate"; "required": false; "isSignal": true; }; "translationKeyFilterCellTemplate": { "alias": "translationKeyFilterCellTemplate"; "required": false; "isSignal": true; }; "additionalActions": { "alias": "additionalActions"; "required": false; "isSignal": true; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; "isSignal": true; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; "isSignal": true; }; "expandedRows": { "alias": "expandedRows"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; "isSignal": true; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "selectedRows": "selectedRowsChange"; "filters": "filtersChange"; "sortDirection": "sortDirectionChange"; "sortColumn": "sortColumnChange"; "columns": "columnsChange"; "sortStates": "sortStatesChange"; "pageSizes": "pageSizesChange"; "pageSize": "pageSizeChange"; "name": "nameChange"; "page": "pageChange"; "additionalActions": "additionalActionsChange"; "expandedRows": "expandedRowsChange"; "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; "parentTemplates": "parentTemplatesChange"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate", "stringFilterCellChildTemplate", "numberFilterCellChildTemplate", "dateFilterCellChildTemplate", "relativeDateFilterCellChildTemplate", "filterCellChildTemplate", "translationKeyFilterCellChildTemplate", "templates"], never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataListGridComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataListGridComponent, "ocx-data-list-grid", never, { "titleLineId": { "alias": "titleLineId"; "required": false; "isSignal": true; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; "isSignal": true; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; "isSignal": true; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; "isSignal": true; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; "isSignal": true; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; "isSignal": true; }; "editPermission": { "alias": "editPermission"; "required": false; "isSignal": true; }; "deletePermission": { "alias": "deletePermission"; "required": false; "isSignal": true; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; "isSignal": true; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; "isSignal": true; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; "isSignal": true; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; "isSignal": true; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; "isSignal": true; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; "isSignal": true; }; "viewMenuItemKey": { "alias": "viewMenuItemKey"; "required": false; "isSignal": true; }; "editMenuItemKey": { "alias": "editMenuItemKey"; "required": false; "isSignal": true; }; "deleteMenuItemKey": { "alias": "deleteMenuItemKey"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; "isSignal": true; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; "isSignal": true; }; "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; "isSignal": true; }; "listItemSubtitleLinesTemplate": { "alias": "listItemSubtitleLinesTemplate"; "required": false; "isSignal": true; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; "isSignal": true; }; "gridItemTemplate": { "alias": "gridItemTemplate"; "required": false; "isSignal": true; }; "listValueTemplate": { "alias": "listValueTemplate"; "required": false; "isSignal": true; }; "translationKeyListValueTemplate": { "alias": "translationKeyListValueTemplate"; "required": false; "isSignal": true; }; "numberListValueTemplate": { "alias": "numberListValueTemplate"; "required": false; "isSignal": true; }; "relativeDateListValueTemplate": { "alias": "relativeDateListValueTemplate"; "required": false; "isSignal": true; }; "stringListValueTemplate": { "alias": "stringListValueTemplate"; "required": false; "isSignal": true; }; "dateListValueTemplate": { "alias": "dateListValueTemplate"; "required": false; "isSignal": true; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; "isSignal": true; }; }, { "name": "nameChange"; "viewItem": "viewItem"; "editItem": "editItem"; "deleteItem": "deleteItem"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "parentTemplates": "parentTemplatesChange"; }, ["gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "listItemChildTemplate", "gridItemChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "templates"], never, false, never>;
 }
 
-type RowListGridData$2 = ListGridData | Row;
+type RowListGridData = ListGridData | Row;
 declare class DataSortBase {
     protected locale: string;
     protected translateService: TranslateService;
     constructor(locale: string, translateService: TranslateService);
-    translateItems(items: RowListGridData$2[], columns: DataTableColumn[], clientSideFiltering: boolean, clientSideSorting: boolean): Observable<Record<string, Record<string, string>>>;
-    filterItems([items, filters, translations]: [RowListGridData$2[], Filter$1[], Record<string, Record<string, string>>], clientSideFiltering: boolean): RowListGridData$2[];
+    translateItems(items: RowListGridData[], columns: DataTableColumn[], clientSideFiltering: boolean, clientSideSorting: boolean): Observable<Record<string, Record<string, string>>>;
+    filterItems([items, filters, translations]: [RowListGridData[], Filter$1[], Record<string, Record<string, string>>], clientSideFiltering: boolean): RowListGridData[];
     sortItems([items, sortColumn, sortDirection, translations]: [
-        RowListGridData$2[],
+        RowListGridData[],
         string,
         DataSortDirection,
         Record<string, Record<string, string>>
-    ], columns: DataTableColumn[], clientSideSorting: boolean): RowListGridData$2[];
-    flattenItems(items: RowListGridData$2[]): Pick<{
+    ], columns: DataTableColumn[], clientSideSorting: boolean): RowListGridData[];
+    flattenItems(items: RowListGridData[]): Pick<{
         [x: string]: unknown;
     }, string>[];
     createCompareFunction(translatedColValues: Record<string, string>, sortColumn: string, sortDirection: DataSortDirection): (a: Record<string, any>, b: Record<string, any>) => number;
 }
 
-declare class ObservableOutputEmitterRef<T> extends OutputEmitterRef<T> {
-    observed: Signal<boolean>;
-    constructor();
-}
-declare function observableOutput<T>(): ObservableOutputEmitterRef<T>;
+type ViewLayout = 'grid' | 'list' | 'table';
+type InteractiveExpandedRows = Row[] | string[] | number[];
 
-type ListGridData = {
+type Primitive = number | string | boolean | bigint | Date;
+type Row = {
     id: string | number;
-    imagePath: string | number;
     [columnId: string]: unknown;
 };
-type RowListGridData$1 = ListGridData & Row;
-interface ListGridDataMenuItem extends MenuItem {
-    permission: string;
+declare enum TemplateType {
+    CELL = "CELL",
+    FILTERCELL = "FILTERCELL"
 }
-interface DataListGridComponentState {
+type Sort = {
+    sortColumn: string;
+    sortDirection: DataSortDirection;
+};
+interface DataTableComponentState {
+    filters?: Filter$1[];
+    sorting?: Sort;
+    selectedRows?: Row[];
+    expandedRows?: Row[];
     activePage?: number;
     pageSize?: number;
 }
-declare class DataListGridComponent extends DataSortBase implements OnInit {
-    private readonly userService;
+declare class DataTableComponent extends DataSortBase implements OnInit {
     private readonly router;
     private readonly injector;
-    private readonly appStateService;
+    private readonly userService;
     private readonly hasPermissionChecker;
     private readonly liveAnnouncer;
-    titleLineId: _angular_core.InputSignal<string | undefined>;
-    subtitleLineIds: _angular_core.InputSignal<string[] | undefined>;
-    clientSideSorting: _angular_core.InputSignal<boolean>;
+    readonly stateService: DataViewStateService;
+    FilterType: typeof FilterType;
+    TemplateType: typeof TemplateType;
+    rows: _angular_core.ModelSignal<Row[]>;
+    previousRows: _angular_core.Signal<Row[]>;
+    set selectedRows(value: Row[]);
+    selectedIds: _angular_core.WritableSignal<(string | number)[]>;
+    set filters(value: Filter$1[]);
+    previousFilters: _angular_core.Signal<Filter$1[]>;
+    set sortDirection(value: DataSortDirection);
+    set sortColumn(value: string);
+    columnTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
+    columnFilterTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
+    set columns(value: DataTableColumn[]);
     clientSideFiltering: _angular_core.InputSignal<boolean>;
-    sortStates: _angular_core.InputSignal<DataSortDirection[]>;
-    pageSize: _angular_core.ModelSignal<number | undefined>;
-    pageSizes: _angular_core.InputSignal<number[]>;
+    clientSideSorting: _angular_core.InputSignal<boolean>;
+    sortStates: _angular_core.ModelSignal<DataSortDirection[]>;
+    pageSizes: _angular_core.ModelSignal<number[]>;
     displayedPageSize: _angular_core.Signal<number>;
+    set pageSize(value: number | undefined);
     emptyResultsMessage: _angular_core.InputSignal<string | undefined>;
-    fallbackImage: _angular_core.InputSignal<string>;
-    layout: _angular_core.InputSignal<"grid" | "list">;
+    name: _angular_core.ModelSignal<string>;
+    deletePermission: _angular_core.InputSignal<PermissionInput>;
     viewPermission: _angular_core.InputSignal<PermissionInput>;
     editPermission: _angular_core.InputSignal<PermissionInput>;
-    deletePermission: _angular_core.InputSignal<PermissionInput>;
     deleteActionVisibleField: _angular_core.InputSignal<string | undefined>;
     deleteActionEnabledField: _angular_core.InputSignal<string | undefined>;
     viewActionVisibleField: _angular_core.InputSignal<string | undefined>;
     viewActionEnabledField: _angular_core.InputSignal<string | undefined>;
     editActionVisibleField: _angular_core.InputSignal<string | undefined>;
     editActionEnabledField: _angular_core.InputSignal<string | undefined>;
-    viewMenuItemKey: _angular_core.InputSignal<string | undefined>;
-    editMenuItemKey: _angular_core.InputSignal<string | undefined>;
-    deleteMenuItemKey: _angular_core.InputSignal<string | undefined>;
+    selectionEnabledField: _angular_core.InputSignal<string | undefined>;
+    allowSelectAll: _angular_core.InputSignal<boolean>;
     paginator: _angular_core.InputSignal<boolean>;
-    page: _angular_core.ModelSignal<number>;
-    columnTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
-    columns: _angular_core.InputSignal<DataTableColumn[]>;
-    filteredColumns: _angular_core.Signal<DataTableColumn[]>;
-    name: _angular_core.ModelSignal<string | undefined>;
+    set page(value: number);
+    tableStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | undefined>;
     totalRecordsOnServer: _angular_core.InputSignal<number | undefined>;
     currentPageShowingKey: _angular_core.InputSignal<string>;
     currentPageShowingWithTotalOnServerKey: _angular_core.InputSignal<string>;
@@ -753,49 +581,82 @@ declare class DataListGridComponent extends DataSortBase implements OnInit {
         totalRecords: string;
         totalRecordsOnServer: number | undefined;
     }>;
-    data: _angular_core.InputSignal<RowListGridData$1[]>;
-    previousData: _angular_core.Signal<RowListGridData$1[]>;
-    filters: _angular_core.InputSignal<Filter$1[]>;
-    previousFilters: _angular_core.Signal<Filter$1[]>;
-    sortDirection: _angular_core.InputSignal<DataSortDirection>;
-    sortField: _angular_core.InputSignal<string>;
-    private readonly permissions$;
-    gridItemSubtitleLinesTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    gridItemSubtitleLinesChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get gridItemSubtitleLines(): TemplateRef<any> | undefined;
-    listItemSubtitleLinesTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    listItemSubtitleLinesChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get listItemSubtitleLines(): TemplateRef<any> | undefined;
-    listItemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    listItemChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get listItem(): TemplateRef<any> | undefined;
-    gridItemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    gridItemChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get gridItem(): TemplateRef<any> | undefined;
-    listValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    listValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get listValue(): TemplateRef<any> | undefined;
-    translationKeyListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    translationKeyListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get translationKeyListValue(): TemplateRef<any> | undefined;
-    numberListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    numberListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get numberListValue(): TemplateRef<any> | undefined;
-    relativeDateListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    relativeDateListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get relativeDateListValue(): TemplateRef<any> | undefined;
-    stringListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    stringListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get stringListValue(): TemplateRef<any> | undefined;
-    dateListValueTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
-    dateListValueChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    get dateListValue(): TemplateRef<any> | undefined;
-    additionalActions: _angular_core.InputSignal<DataAction[]>;
-    inlineListActions: _angular_core.Signal<DataAction[]>;
-    overflowListActions: _angular_core.Signal<DataAction[]>;
-    overflowListActions$: Observable<DataAction[]>;
+    captionTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    stringCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    stringCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    stringCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    numberCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    numberCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    numberCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    dateCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    dateCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    dateCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    relativeDateCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    relativeDateCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    relativeDateCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    cellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    cellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    cell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    translationKeyCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    translationKeyCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    translationKeyCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    stringFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    stringFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    stringFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    numberFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    numberFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    numberFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    dateFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    dateFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    dateFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    relativeDateFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    relativeDateFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    relativeDateFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    filterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    filterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    filterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    translationKeyFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    translationKeyFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    translationKeyFilterCell: _angular_core.Signal<TemplateRef<any> | undefined>;
+    set additionalActions(value: DataAction[]);
+    set frozenActionColumn(value: boolean);
+    set actionColumnPosition(value: 'left' | 'right');
+    set expandedRows(value: InteractiveExpandedRows);
+    expandedRowIds: _angular_core.Signal<(string | number)[]>;
+    expandedRowKeys: _angular_core.Signal<Record<string, boolean>>;
+    expandable: _angular_core.InputSignal<boolean>;
+    frozenExpandColumn: _angular_core.InputSignal<boolean>;
+    filtered: _angular_core.OutputEmitterRef<Filter$1[]>;
+    sorted: _angular_core.OutputEmitterRef<Sort>;
+    viewTableRow: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
+    editTableRow: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
+    deleteTableRow: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
+    selectionChanged: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row[]>;
+    pageChanged: _angular_core.OutputEmitterRef<number>;
+    pageSizeChanged: _angular_core.OutputEmitterRef<number>;
+    componentStateChanged: _angular_core.OutputEmitterRef<DataTableComponentState>;
+    rowExpanded: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
+    rowCollapsed: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
+    displayedRows$: Observable<Pick<{
+        [x: string]: unknown;
+    }, string>[]>;
+    selectedFilteredRows: _angular_core.Signal<Row[]>;
+    currentFilterColumn: _angular_core.WritableSignal<DataTableColumn | null>;
+    currentEqualFilterOptions$: Observable<{
+        options: never[];
+        column: undefined;
+    } | {
+        options: SelectItem<any>[];
+        column: DataTableColumn;
+    }>;
+    currentEqualSelectedFilters: _angular_core.Signal<unknown[]>;
+    currentTruthySelectedFilters: _angular_core.Signal<unknown[]>;
+    filterAmounts: _angular_core.Signal<Record<string, number>>;
+    overflowActions: _angular_core.Signal<DataAction[]>;
+    overflowActions$: Observable<DataAction[]>;
+    inlineActions: _angular_core.Signal<DataAction[]>;
     currentMenuRow: _angular_core.WritableSignal<Row | null>;
-    overflowListMenuItems$: Observable<{
+    overflowMenuItems$: Observable<{
         label: any;
         icon: string | undefined;
         styleClass: string;
@@ -803,73 +664,264 @@ declare class DataListGridComponent extends DataSortBase implements OnInit {
         visible: boolean;
         command: () => void;
     }[]>;
-    viewItem: ObservableOutputEmitterRef<ListGridData | undefined>;
-    editItem: ObservableOutputEmitterRef<ListGridData | undefined>;
-    deleteItem: ObservableOutputEmitterRef<ListGridData | undefined>;
-    pageChanged: _angular_core.OutputEmitterRef<number>;
-    pageSizeChanged: _angular_core.OutputEmitterRef<number>;
-    componentStateChanged: _angular_core.OutputEmitterRef<DataListGridComponentState>;
-    get viewItemObserved(): boolean;
-    get editItemObserved(): boolean;
-    get deleteItemObserved(): boolean;
-    observedOutputs: _angular_core.Signal<number>;
-    get sortDirectionNumber(): number;
-    selectedItem: _angular_core.WritableSignal<ListGridData | undefined>;
-    permittedAdditionalActions$: Observable<DataAction[]>;
-    gridMenuState$: Observable<{
-        permissions: string[];
-        additionalActions: DataAction[];
-        selectedItem: ListGridData | undefined;
-        viewMenuItemKey: string;
-        editMenuItemKey: string;
-        deleteMenuItemKey: string;
-        viewPermission: PermissionInput;
-        editPermission: PermissionInput;
-        deletePermission: PermissionInput;
-        viewActionEnabledField: string | undefined;
-        editActionEnabledField: string | undefined;
-        deleteActionEnabledField: string | undefined;
-        viewActionVisibleField: string | undefined;
-        editActionVisibleField: string | undefined;
-        deleteActionVisibleField: string | undefined;
-    }>;
-    gridMenuItems$: Observable<MenuItem[]>;
-    displayedItems$: Observable<(Row | ListGridData)[]>;
-    fallbackImagePath$: Observable<string>;
     templates: _angular_core.Signal<readonly PrimeTemplate[]>;
     templates$: Observable<readonly PrimeTemplate[]>;
     viewTemplates: _angular_core.Signal<readonly PrimeTemplate[]>;
     viewTemplates$: Observable<readonly PrimeTemplate[]>;
     parentTemplates: _angular_core.ModelSignal<PrimeTemplate[] | null | undefined>;
     parentTemplates$: Observable<PrimeTemplate[] | null | undefined>;
-    columnType: typeof ColumnType;
-    private templatesObservables;
-    hasViewPermission$: Observable<boolean>;
+    expansionTemplate: _angular_core.Signal<PrimeTemplate | undefined>;
+    get viewTableRowObserved(): boolean;
+    get editTableRowObserved(): boolean;
+    get deleteTableRowObserved(): boolean;
+    get anyRowActionObserved(): boolean;
+    get actionColumnVisible(): boolean;
+    getRowColspan(hasExpansionTemplate: boolean): number;
+    get selectionChangedObserved(): boolean;
     constructor();
     ngOnInit(): void;
-    onDeleteRow(element: ListGridData): void;
-    onViewRow(element: ListGridData): void;
-    onEditRow(element: ListGridData): void;
-    imgError(item: ListGridData): void;
-    getFallbackImagePath(mfeInfo: MfeInfo): string;
-    setSelectedItem(item: ListGridData): void;
-    resolveFieldData(object: any, key: any): any;
+    translateColumnValues(columnValues: string[]): Observable<any>;
     emitComponentStateChanged(): void;
+    emitSelectionChanged(): void;
+    onRowExpand(event: any): void;
+    onRowCollapse(event: any): void;
+    isRowExpanded(row: Row): boolean;
+    toggleRowExpansion(row: Row): void;
+    onSortColumnClick(sortColumn: string): void;
+    columnNextSortDirection(sortColumn: string): DataSortDirection;
+    onDeleteRow(selectedTableRow: Row): void;
+    onViewRow(selectedTableRow: Row): void;
+    onEditRow(selectedTableRow: Row): void;
+    onFilterChosen(column: DataTableColumn): void;
+    onMultiselectFilterChange(column: DataTableColumn, event: any): void;
+    sortIconTitle(sortColumn: string): "OCX_DATA_TABLE.TOGGLE_BUTTON.ASCENDING_TITLE" | "OCX_DATA_TABLE.TOGGLE_BUTTON.DESCENDING_TITLE" | "OCX_DATA_TABLE.TOGGLE_BUTTON.DEFAULT_TITLE";
+    sortDirectionToTitle(sortDirection: DataSortDirection): "OCX_DATA_TABLE.TOGGLE_BUTTON.ASCENDING_TITLE" | "OCX_DATA_TABLE.TOGGLE_BUTTON.DESCENDING_TITLE" | "OCX_DATA_TABLE.TOGGLE_BUTTON.DEFAULT_TITLE";
+    isRowSelectionDisabled(rowObject: Row): boolean;
+    rowSelectable(event: any): boolean;
+    onSelectionChange(selection: Row[]): void;
+    mergeWithDisabledKeys(newSelectionIds: (string | number)[], disabledRowIds: (string | number)[]): (string | number)[];
+    isSelected(row: Row): boolean;
     onPageChange(event: any): void;
     fieldIsTruthy(object: any, key: any): boolean;
-    hasVisibleOverflowMenuItems(row: any): Observable<boolean>;
     toggleOverflowMenu(event: MouseEvent, menu: Menu, row: Row): void;
-    findTemplate(templates: PrimeTemplate[], names: string[]): PrimeTemplate | undefined;
-    getTemplate(column: DataTableColumn): Observable<TemplateRef<any> | null>;
-    private mapGridMenuItems;
-    private getGridActionsTranslations;
-    private shouldDisplayAction;
+    hasVisibleOverflowMenuItems(row: any): Observable<boolean>;
+    isDate(value: Date | string | number): boolean;
+    private readonly cellTemplatesData;
+    private readonly filterTemplatesData;
+    private readonly templatesDataMap;
+    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): Record<string, string | undefined>;
+    rowTrackByFunction: (index: number, item: any) => any;
     private filterActionsBasedOnPermissions;
-    private getPermissions;
-    onActionClick(action: DataAction, item: any): Promise<void>;
+    onActionClick(action: DataAction, rowObject: any): Promise<void>;
     private createMenuItemCommand;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataListGridComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataListGridComponent, "ocx-data-list-grid", never, { "titleLineId": { "alias": "titleLineId"; "required": false; "isSignal": true; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; "isSignal": true; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; "isSignal": true; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; "isSignal": true; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; "isSignal": true; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "viewPermission": { "alias": "viewPermission"; "required": false; "isSignal": true; }; "editPermission": { "alias": "editPermission"; "required": false; "isSignal": true; }; "deletePermission": { "alias": "deletePermission"; "required": false; "isSignal": true; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; "isSignal": true; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; "isSignal": true; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; "isSignal": true; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; "isSignal": true; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; "isSignal": true; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; "isSignal": true; }; "viewMenuItemKey": { "alias": "viewMenuItemKey"; "required": false; "isSignal": true; }; "editMenuItemKey": { "alias": "editMenuItemKey"; "required": false; "isSignal": true; }; "deleteMenuItemKey": { "alias": "deleteMenuItemKey"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; "isSignal": true; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "gridItemSubtitleLinesTemplate": { "alias": "gridItemSubtitleLinesTemplate"; "required": false; "isSignal": true; }; "listItemSubtitleLinesTemplate": { "alias": "listItemSubtitleLinesTemplate"; "required": false; "isSignal": true; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; "isSignal": true; }; "gridItemTemplate": { "alias": "gridItemTemplate"; "required": false; "isSignal": true; }; "listValueTemplate": { "alias": "listValueTemplate"; "required": false; "isSignal": true; }; "translationKeyListValueTemplate": { "alias": "translationKeyListValueTemplate"; "required": false; "isSignal": true; }; "numberListValueTemplate": { "alias": "numberListValueTemplate"; "required": false; "isSignal": true; }; "relativeDateListValueTemplate": { "alias": "relativeDateListValueTemplate"; "required": false; "isSignal": true; }; "stringListValueTemplate": { "alias": "stringListValueTemplate"; "required": false; "isSignal": true; }; "dateListValueTemplate": { "alias": "dateListValueTemplate"; "required": false; "isSignal": true; }; "additionalActions": { "alias": "additionalActions"; "required": false; "isSignal": true; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "page": "pageChange"; "name": "nameChange"; "viewItem": "viewItem"; "editItem": "editItem"; "deleteItem": "deleteItem"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "parentTemplates": "parentTemplatesChange"; }, ["gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "listItemChildTemplate", "gridItemChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "templates"], never, false, never>;
+    getRowSummary(rowObject: any): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent, "ocx-data-table", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "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; "isSignal": true; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; "isSignal": true; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "deletePermission": { "alias": "deletePermission"; "required": false; "isSignal": true; }; "viewPermission": { "alias": "viewPermission"; "required": false; "isSignal": true; }; "editPermission": { "alias": "editPermission"; "required": false; "isSignal": true; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; "isSignal": true; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; "isSignal": true; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; "isSignal": true; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; "isSignal": true; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; "isSignal": true; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; "isSignal": true; }; "selectionEnabledField": { "alias": "selectionEnabledField"; "required": false; "isSignal": true; }; "allowSelectAll": { "alias": "allowSelectAll"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; "isSignal": true; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; "isSignal": true; }; "captionTemplate": { "alias": "captionTemplate"; "required": false; "isSignal": true; }; "stringCellTemplate": { "alias": "stringCellTemplate"; "required": false; "isSignal": true; }; "numberCellTemplate": { "alias": "numberCellTemplate"; "required": false; "isSignal": true; }; "dateCellTemplate": { "alias": "dateCellTemplate"; "required": false; "isSignal": true; }; "relativeDateCellTemplate": { "alias": "relativeDateCellTemplate"; "required": false; "isSignal": true; }; "cellTemplate": { "alias": "cellTemplate"; "required": false; "isSignal": true; }; "translationKeyCellTemplate": { "alias": "translationKeyCellTemplate"; "required": false; "isSignal": true; }; "stringFilterCellTemplate": { "alias": "stringFilterCellTemplate"; "required": false; "isSignal": true; }; "numberFilterCellTemplate": { "alias": "numberFilterCellTemplate"; "required": false; "isSignal": true; }; "dateFilterCellTemplate": { "alias": "dateFilterCellTemplate"; "required": false; "isSignal": true; }; "relativeDateFilterCellTemplate": { "alias": "relativeDateFilterCellTemplate"; "required": false; "isSignal": true; }; "filterCellTemplate": { "alias": "filterCellTemplate"; "required": false; "isSignal": true; }; "translationKeyFilterCellTemplate": { "alias": "translationKeyFilterCellTemplate"; "required": false; "isSignal": true; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "expandedRows": { "alias": "expandedRows"; "required": false; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; "isSignal": true; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; "isSignal": true; }; }, { "rows": "rowsChange"; "sortStates": "sortStatesChange"; "pageSizes": "pageSizesChange"; "name": "nameChange"; "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; "parentTemplates": "parentTemplatesChange"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate", "stringFilterCellChildTemplate", "numberFilterCellChildTemplate", "dateFilterCellChildTemplate", "relativeDateFilterCellChildTemplate", "filterCellChildTemplate", "translationKeyFilterCellChildTemplate", "templates"], never, false, never>;
+}
+
+interface InteractiveDataView {
+    layout?: ViewLayout;
+    activeColumnGroupKey?: string;
+    columns?: DataTableColumn[];
+    actionColumnConfig?: {
+        frozen: boolean;
+        position: 'left' | 'right';
+    };
+    data?: Row[];
+    additionalActions?: DataAction[];
+    sorting?: {
+        sortColumn: string;
+        sortDirection: DataSortDirection;
+    };
+    filters?: Filter$1[];
+    selectedRows?: Row[];
+    expandedRows?: InteractiveExpandedRows;
+    activePage?: number;
+    pageSize?: number;
+    listGridPaginator?: boolean;
+    tablePaginator?: boolean;
+}
+declare class DataViewStateService {
+    layout: _angular_core.WritableSignal<ViewLayout>;
+    activeColumnGroupKey: _angular_core.WritableSignal<string | undefined>;
+    columns: _angular_core.WritableSignal<DataTableColumn[]>;
+    actionColumnConfigFrozen: _angular_core.WritableSignal<boolean>;
+    actionColumnConfigPosition: _angular_core.WritableSignal<"right" | "left">;
+    data: _angular_core.WritableSignal<RowListGridData$1[]>;
+    additionalActions: _angular_core.WritableSignal<DataAction[]>;
+    sortColumn: _angular_core.WritableSignal<string>;
+    sortDirection: _angular_core.WritableSignal<DataSortDirection>;
+    filters: _angular_core.WritableSignal<Filter$1[]>;
+    selectedRows: _angular_core.WritableSignal<Row[]>;
+    expandedRows: _angular_core.WritableSignal<InteractiveExpandedRows>;
+    activePage: _angular_core.WritableSignal<number>;
+    pageSize: _angular_core.WritableSignal<number | undefined>;
+    listGridPaginator: _angular_core.WritableSignal<boolean>;
+    tablePaginator: _angular_core.WritableSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewStateService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DataViewStateService>;
+}
+
+type GroupSelectionChangedEvent = {
+    activeColumns: DataTableColumn[];
+    groupKey: string;
+};
+interface ColumnGroupSelectionComponentState {
+    activeColumnGroupKey?: string;
+    displayedColumns?: DataTableColumn[];
+}
+declare class ColumnGroupSelectionComponent implements OnInit {
+    readonly stateService: DataViewStateService;
+    set selectedGroupKey(value: string);
+    set columns(value: DataTableColumn[]);
+    readonly placeholderKey: _angular_core.InputSignal<string>;
+    readonly defaultGroupKey: _angular_core.InputSignal<string>;
+    readonly customGroupKey: _angular_core.InputSignal<string>;
+    readonly groupSelectionChanged: _angular_core.OutputEmitterRef<GroupSelectionChangedEvent>;
+    readonly componentStateChanged: _angular_core.OutputEmitterRef<ColumnGroupSelectionComponentState>;
+    readonly allGroupKeys: _angular_core.Signal<string[]>;
+    constructor();
+    ngOnInit(): void;
+    changeGroupSelection(event: {
+        value: string;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColumnGroupSelectionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColumnGroupSelectionComponent, "ocx-column-group-selection", never, { "selectedGroupKey": { "alias": "selectedGroupKey"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "placeholderKey": { "alias": "placeholderKey"; "required": false; "isSignal": true; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; "isSignal": true; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; "isSignal": true; }; }, { "groupSelectionChanged": "groupSelectionChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
+}
+
+declare class OcxContentComponent {
+    /**
+     * Optionally allows specifying a title for the content card
+     */
+    title: _angular_core.InputSignal<string>;
+    /**
+     * Optionally allows specifying styles for the content card
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OcxContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OcxContentComponent, "ocx-content", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class OcxContentContainerComponent {
+    /**
+     * Allows specifying the layout direction of the container
+     */
+    layout: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /**
+     * Allows specifying the breakpoint below which a horizontal layout switches to a vertical layout.
+     * Only necessary if horizontal layout is used
+     * Default: md
+     */
+    breakpoint: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl">;
+    /**
+     * Optionally allows specifying styles for the container
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OcxContentContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OcxContentContainerComponent, "ocx-content-container", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}
+
+type ColumnSelectionChangedEvent = {
+    activeColumns: DataTableColumn[];
+};
+type ActionColumnChangedEvent = {
+    frozenActionColumn: boolean;
+    actionColumnPosition: 'left' | 'right';
+};
+interface CustomGroupColumnSelectorComponentState {
+    actionColumnConfig?: {
+        frozen: boolean;
+        position: 'left' | 'right';
+    };
+    displayedColumns?: DataTableColumn[];
+    activeColumnGroupKey?: string;
+}
+declare class CustomGroupColumnSelectorComponent implements OnInit {
+    readonly stateService: DataViewStateService;
+    set columns(value: DataTableColumn[]);
+    readonly displayedColumns: _angular_core.ModelSignal<DataTableColumn[]>;
+    readonly customGroupKey: _angular_core.InputSignal<string>;
+    readonly dialogTitle: _angular_core.InputSignal<string>;
+    readonly dialogTitleKey: _angular_core.InputSignal<string>;
+    readonly openButtonTitle: _angular_core.InputSignal<string>;
+    readonly openButtonTitleKey: _angular_core.InputSignal<string>;
+    readonly openButtonAriaLabel: _angular_core.InputSignal<string>;
+    readonly openButtonAriaLabelKey: _angular_core.InputSignal<string>;
+    readonly saveButtonLabel: _angular_core.InputSignal<string>;
+    readonly saveButtonLabelKey: _angular_core.InputSignal<string>;
+    readonly saveButtonAriaLabel: _angular_core.InputSignal<string>;
+    readonly saveButtonAriaLabelKey: _angular_core.InputSignal<string>;
+    readonly cancelButtonLabel: _angular_core.InputSignal<string>;
+    readonly cancelButtonLabelKey: _angular_core.InputSignal<string>;
+    readonly cancelButtonAriaLabel: _angular_core.InputSignal<string>;
+    readonly cancelButtonAriaLabelKey: _angular_core.InputSignal<string>;
+    readonly activeColumnsLabel: _angular_core.InputSignal<string>;
+    readonly activeColumnsLabelKey: _angular_core.InputSignal<string>;
+    readonly inactiveColumnsLabel: _angular_core.InputSignal<string>;
+    readonly inactiveColumnsLabelKey: _angular_core.InputSignal<string>;
+    set frozenActionColumn(value: boolean);
+    set actionColumnPosition(value: 'left' | 'right');
+    readonly columnSelectionChanged: _angular_core.OutputEmitterRef<ColumnSelectionChangedEvent>;
+    readonly actionColumnConfigChanged: _angular_core.OutputEmitterRef<ActionColumnChangedEvent>;
+    readonly componentStateChanged: _angular_core.OutputEmitterRef<CustomGroupColumnSelectorComponentState>;
+    readonly hiddenColumnsModel: _angular_core.WritableSignal<DataTableColumn[]>;
+    readonly displayedColumnsModel: _angular_core.WritableSignal<DataTableColumn[]>;
+    readonly frozenActionColumnModel: _angular_core.WritableSignal<boolean>;
+    readonly actionColumnPositionModel: _angular_core.WritableSignal<"right" | "left">;
+    readonly visible: _angular_core.WritableSignal<boolean>;
+    readonly alignmentOptions: _angular_core.WritableSignal<{
+        label: string;
+        value: "left" | "right";
+    }[]>;
+    readonly frozenOptions: _angular_core.WritableSignal<{
+        label: string;
+        value: boolean;
+    }[]>;
+    private readonly _actionColumnState;
+    constructor();
+    ngOnInit(): void;
+    onOpenCustomGroupColumnSelectionDialogClick(): void;
+    onSaveClick(): void;
+    onCancelClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CustomGroupColumnSelectorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CustomGroupColumnSelectorComponent, "ocx-custom-group-column-selector", never, { "columns": { "alias": "columns"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; "isSignal": true; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; "isSignal": true; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; "isSignal": true; }; "dialogTitleKey": { "alias": "dialogTitleKey"; "required": false; "isSignal": true; }; "openButtonTitle": { "alias": "openButtonTitle"; "required": false; "isSignal": true; }; "openButtonTitleKey": { "alias": "openButtonTitleKey"; "required": false; "isSignal": true; }; "openButtonAriaLabel": { "alias": "openButtonAriaLabel"; "required": false; "isSignal": true; }; "openButtonAriaLabelKey": { "alias": "openButtonAriaLabelKey"; "required": false; "isSignal": true; }; "saveButtonLabel": { "alias": "saveButtonLabel"; "required": false; "isSignal": true; }; "saveButtonLabelKey": { "alias": "saveButtonLabelKey"; "required": false; "isSignal": true; }; "saveButtonAriaLabel": { "alias": "saveButtonAriaLabel"; "required": false; "isSignal": true; }; "saveButtonAriaLabelKey": { "alias": "saveButtonAriaLabelKey"; "required": false; "isSignal": true; }; "cancelButtonLabel": { "alias": "cancelButtonLabel"; "required": false; "isSignal": true; }; "cancelButtonLabelKey": { "alias": "cancelButtonLabelKey"; "required": false; "isSignal": true; }; "cancelButtonAriaLabel": { "alias": "cancelButtonAriaLabel"; "required": false; "isSignal": true; }; "cancelButtonAriaLabelKey": { "alias": "cancelButtonAriaLabelKey"; "required": false; "isSignal": true; }; "activeColumnsLabel": { "alias": "activeColumnsLabel"; "required": false; "isSignal": true; }; "activeColumnsLabelKey": { "alias": "activeColumnsLabelKey"; "required": false; "isSignal": true; }; "inactiveColumnsLabel": { "alias": "inactiveColumnsLabel"; "required": false; "isSignal": true; }; "inactiveColumnsLabelKey": { "alias": "inactiveColumnsLabelKey"; "required": false; "isSignal": true; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; }, { "displayedColumns": "displayedColumnsChange"; "columnSelectionChanged": "columnSelectionChanged"; "actionColumnConfigChanged": "actionColumnConfigChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
+}
+
+/**
+ * @example let myIcon : PrimeIcon = PrimeIcons.myIcon
+ */
+type PrimeIcon = (typeof PrimeIcons)[keyof Omit<typeof PrimeIcons, 'prototype'>];
+
+interface ViewingLayouts {
+    id: string;
+    icon: PrimeIcon;
+    layout: ViewLayout;
+    tooltip?: string;
+    tooltipKey: string;
+    label?: string;
+    labelKey: string;
+}
+interface DataLayoutSelectionComponentState {
+    layout?: ViewLayout;
+}
+declare class DataLayoutSelectionComponent implements OnInit {
+    readonly stateService: DataViewStateService;
+    supportedViewLayouts: _angular_core.InputSignal<string[]>;
+    set layout(value: ViewLayout);
+    readonly dataViewLayoutChange: _angular_core.OutputEmitterRef<ViewLayout>;
+    readonly componentStateChanged: _angular_core.OutputEmitterRef<DataLayoutSelectionComponentState>;
+    viewingLayouts: _angular_core.Signal<ViewingLayouts[]>;
+    readonly selectedViewLayout: _angular_core.Signal<ViewingLayouts | undefined>;
+    ngOnInit(): void;
+    onDataViewLayoutChange(event: {
+        icon: PrimeIcon;
+        layout: ViewLayout;
+    }): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataLayoutSelectionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataLayoutSelectionComponent, "ocx-data-layout-selection", never, { "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; }; }, { "dataViewLayoutChange": "dataViewLayoutChange"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }
 
 interface DataColumnNameId {
@@ -885,10 +937,11 @@ interface DataListGridSortingComponentState {
     sorting?: ListGridSort;
 }
 declare class DataListGridSortingComponent {
-    readonly columns: _angular_core.InputSignal<DataTableColumn[]>;
+    readonly stateService: DataViewStateService;
+    set columns(value: DataTableColumn[]);
     readonly sortStates: _angular_core.InputSignal<DataSortDirection[]>;
-    readonly sortDirection: _angular_core.ModelSignal<DataSortDirection>;
-    readonly sortField: _angular_core.ModelSignal<string>;
+    set sortDirection(value: DataSortDirection);
+    set sortField(value: string);
     readonly sortChange: _angular_core.OutputEmitterRef<string>;
     readonly sortDirectionChange: _angular_core.OutputEmitterRef<DataSortDirection>;
     readonly componentStateChanged: _angular_core.OutputEmitterRef<DataListGridSortingComponentState>;
@@ -903,17 +956,15 @@ declare class DataListGridSortingComponent {
     sortIconTitle(): string;
     sortDirectionToTitle(sortDirection: DataSortDirection): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataListGridSortingComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataListGridSortingComponent, "ocx-data-list-grid-sorting", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; }, { "sortDirection": "sortDirectionChange"; "sortField": "sortFieldChange"; "sortChange": "sortChange"; "sortDirectionChange": "sortDirectionChange"; "componentStateChanged": "componentStateChanged"; "columnsChange": "columnsChange"; }, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataListGridSortingComponent, "ocx-data-list-grid-sorting", never, { "columns": { "alias": "columns"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; }, { "sortChange": "sortChange"; "sortDirectionChange": "sortDirectionChange"; "componentStateChanged": "componentStateChanged"; "columnsChange": "columnsChange"; }, never, never, false, never>;
 }
 
-type RowListGridData = ListGridData & Row;
 type DataViewComponentState = DataListGridComponentState & DataTableComponentState;
 declare class DataViewComponent implements OnInit {
     private readonly injector;
+    readonly stateService: DataViewStateService;
     dataListGridComponent: _angular_core.Signal<DataListGridComponent | undefined>;
     dataTableComponent: _angular_core.Signal<DataTableComponent | undefined>;
-    dataTableComponentState$: ReplaySubject<DataTableComponentState>;
-    dataListGridComponentState$: ReplaySubject<DataListGridComponentState>;
     deletePermission: _angular_core.InputSignal<string | string[] | undefined>;
     editPermission: _angular_core.InputSignal<string | string[] | undefined>;
     viewPermission: _angular_core.InputSignal<string | string[] | undefined>;
@@ -925,36 +976,35 @@ declare class DataViewComponent implements OnInit {
     editActionEnabledField: _angular_core.InputSignal<string | undefined>;
     tableSelectionEnabledField: _angular_core.InputSignal<string | undefined>;
     tableAllowSelectAll: _angular_core.InputSignal<boolean>;
-    data: _angular_core.InputSignal<RowListGridData[]>;
+    set data(value: RowListGridData$1[]);
     name: _angular_core.InputSignal<string>;
     titleLineId: _angular_core.InputSignal<string | undefined>;
     subtitleLineIds: _angular_core.InputSignal<string[] | undefined>;
-    layout: _angular_core.InputSignal<any>;
-    columns: _angular_core.InputSignal<DataTableColumn[]>;
+    set page(value: number);
+    set pageSize(value: number | undefined);
+    set selectedRow(value: Row[]);
+    set expandedRows(value: InteractiveExpandedRows);
+    set frozenActionColumn(value: boolean);
+    set actionColumnPosition(value: 'left' | 'right');
+    set layout(value: ViewLayout);
+    set columns(value: DataTableColumn[]);
     emptyResultsMessage: _angular_core.InputSignal<string | undefined>;
     clientSideSorting: _angular_core.InputSignal<boolean>;
     clientSideFiltering: _angular_core.InputSignal<boolean>;
     fallbackImage: _angular_core.InputSignal<string | undefined>;
-    filters: _angular_core.ModelSignal<Filter$1[]>;
-    sortField: _angular_core.ModelSignal<any>;
-    sortDirection: _angular_core.ModelSignal<DataSortDirection>;
-    listGridPaginator: _angular_core.ModelSignal<boolean>;
-    tablePaginator: _angular_core.ModelSignal<boolean>;
-    get paginator(): boolean;
+    set filters(value: Filter$1[]);
+    set sortField(value: string);
+    set sortDirection(value: DataSortDirection);
     set paginator(value: boolean);
-    page: _angular_core.ModelSignal<number>;
+    set listGridPaginator(value: boolean);
+    set tablePaginator(value: boolean);
     totalRecordsOnServer: _angular_core.InputSignal<number | undefined>;
     currentPageShowingKey: _angular_core.InputSignal<string>;
     currentPageShowingWithTotalOnServerKey: _angular_core.InputSignal<string>;
-    selectedRows: _angular_core.InputSignal<Row[]>;
-    frozenActionColumn: _angular_core.InputSignal<boolean>;
-    actionColumnPosition: _angular_core.InputSignal<"right" | "left">;
     expandable: _angular_core.InputSignal<boolean>;
     frozenExpandColumn: _angular_core.InputSignal<boolean>;
-    expandedRows: _angular_core.ModelSignal<string[] | Row[] | number[]>;
     sortStates: _angular_core.InputSignal<DataSortDirection[]>;
     pageSizes: _angular_core.InputSignal<number[]>;
-    pageSize: _angular_core.ModelSignal<number | undefined>;
     stringTableCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     stringTableCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     get stringTableCell(): TemplateRef<any> | undefined;
@@ -1021,12 +1071,12 @@ declare class DataViewComponent implements OnInit {
     numberTableFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     numberTableFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     get numberTableFilterCell(): TemplateRef<any> | undefined;
-    additionalActions: _angular_core.InputSignal<DataAction[]>;
+    set additionalActions(value: DataAction[]);
     filtered: _angular_core.OutputEmitterRef<Filter$1[]>;
     sorted: _angular_core.OutputEmitterRef<Sort>;
-    deleteItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData>;
-    viewItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData>;
-    editItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData>;
+    deleteItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData$1>;
+    viewItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData$1>;
+    editItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData$1>;
     selectionChanged: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row[]>;
     pageChanged: _angular_core.OutputEmitterRef<number>;
     pageSizeChanged: _angular_core.OutputEmitterRef<number>;
@@ -1054,7 +1104,7 @@ declare class DataViewComponent implements OnInit {
     onPageChange(event: number): void;
     onPageSizeChange(event: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataViewComponent, "ocx-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; "isSignal": true; }; "editPermission": { "alias": "editPermission"; "required": false; "isSignal": true; }; "viewPermission": { "alias": "viewPermission"; "required": false; "isSignal": true; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; "isSignal": true; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; "isSignal": true; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; "isSignal": true; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; "isSignal": true; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; "isSignal": true; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; "isSignal": true; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; "isSignal": true; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "titleLineId": { "alias": "titleLineId"; "required": false; "isSignal": true; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; "isSignal": true; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; "isSignal": true; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; "isSignal": true; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; "isSignal": true; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; "isSignal": true; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; "isSignal": true; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; "isSignal": true; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; "isSignal": true; }; "expandedRows": { "alias": "expandedRows"; "required": false; "isSignal": true; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "stringTableCellTemplate": { "alias": "stringTableCellTemplate"; "required": false; "isSignal": true; }; "numberTableCellTemplate": { "alias": "numberTableCellTemplate"; "required": false; "isSignal": true; }; "dateTableCellTemplate": { "alias": "dateTableCellTemplate"; "required": false; "isSignal": true; }; "tableCellTemplate": { "alias": "tableCellTemplate"; "required": false; "isSignal": true; }; "translationKeyTableCellTemplate": { "alias": "translationKeyTableCellTemplate"; "required": false; "isSignal": true; }; "gridItemSubtitleLinesTemplate": { "alias": "gridItemSubtitleLinesTemplate"; "required": false; "isSignal": true; }; "listItemSubtitleLinesTemplate": { "alias": "listItemSubtitleLinesTemplate"; "required": false; "isSignal": true; }; "gridItemTemplate": { "alias": "gridItemTemplate"; "required": false; "isSignal": true; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; "isSignal": true; }; "relativeDateTableCellTemplate": { "alias": "relativeDateTableCellTemplate"; "required": false; "isSignal": true; }; "listValueTemplate": { "alias": "listValueTemplate"; "required": false; "isSignal": true; }; "translationKeyListValueTemplate": { "alias": "translationKeyListValueTemplate"; "required": false; "isSignal": true; }; "numberListValueTemplate": { "alias": "numberListValueTemplate"; "required": false; "isSignal": true; }; "relativeDateListValueTemplate": { "alias": "relativeDateListValueTemplate"; "required": false; "isSignal": true; }; "stringListValueTemplate": { "alias": "stringListValueTemplate"; "required": false; "isSignal": true; }; "dateListValueTemplate": { "alias": "dateListValueTemplate"; "required": false; "isSignal": true; }; "tableFilterCellTemplate": { "alias": "tableFilterCellTemplate"; "required": false; "isSignal": true; }; "dateTableFilterCellTemplate": { "alias": "dateTableFilterCellTemplate"; "required": false; "isSignal": true; }; "relativeDateTableFilterCellTemplate": { "alias": "relativeDateTableFilterCellTemplate"; "required": false; "isSignal": true; }; "translationKeyTableFilterCellTemplate": { "alias": "translationKeyTableFilterCellTemplate"; "required": false; "isSignal": true; }; "stringTableFilterCellTemplate": { "alias": "stringTableFilterCellTemplate"; "required": false; "isSignal": true; }; "numberTableFilterCellTemplate": { "alias": "numberTableFilterCellTemplate"; "required": false; "isSignal": true; }; "additionalActions": { "alias": "additionalActions"; "required": false; "isSignal": true; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; "isSignal": true; }; }, { "filters": "filtersChange"; "sortField": "sortFieldChange"; "sortDirection": "sortDirectionChange"; "listGridPaginator": "listGridPaginatorChange"; "tablePaginator": "tablePaginatorChange"; "page": "pageChange"; "expandedRows": "expandedRowsChange"; "pageSize": "pageSizeChange"; "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; }, ["stringTableCellChildTemplate", "numberTableCellChildTemplate", "dateTableCellChildTemplate", "tableCellChildTemplate", "translationKeyTableCellChildTemplate", "gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "gridItemChildTemplate", "listItemChildTemplate", "relativeDateTableCellChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "tableFilterCellChildTemplate", "dateTableFilterCellChildTemplate", "relativeDateTableFilterCellChildTemplate", "translationKeyTableFilterCellChildTemplate", "stringTableFilterCellChildTemplate", "numberTableFilterCellChildTemplate", "templates"], never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataViewComponent, "ocx-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; "isSignal": true; }; "editPermission": { "alias": "editPermission"; "required": false; "isSignal": true; }; "viewPermission": { "alias": "viewPermission"; "required": false; "isSignal": true; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; "isSignal": true; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; "isSignal": true; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; "isSignal": true; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; "isSignal": true; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; "isSignal": true; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; "isSignal": true; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; "isSignal": true; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "titleLineId": { "alias": "titleLineId"; "required": false; "isSignal": true; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "selectedRow": { "alias": "selectedRow"; "required": false; }; "expandedRows": { "alias": "expandedRows"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; "isSignal": true; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; "isSignal": true; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; "isSignal": true; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; "isSignal": true; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; "isSignal": true; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; "stringTableCellTemplate": { "alias": "stringTableCellTemplate"; "required": false; "isSignal": true; }; "numberTableCellTemplate": { "alias": "numberTableCellTemplate"; "required": false; "isSignal": true; }; "dateTableCellTemplate": { "alias": "dateTableCellTemplate"; "required": false; "isSignal": true; }; "tableCellTemplate": { "alias": "tableCellTemplate"; "required": false; "isSignal": true; }; "translationKeyTableCellTemplate": { "alias": "translationKeyTableCellTemplate"; "required": false; "isSignal": true; }; "gridItemSubtitleLinesTemplate": { "alias": "gridItemSubtitleLinesTemplate"; "required": false; "isSignal": true; }; "listItemSubtitleLinesTemplate": { "alias": "listItemSubtitleLinesTemplate"; "required": false; "isSignal": true; }; "gridItemTemplate": { "alias": "gridItemTemplate"; "required": false; "isSignal": true; }; "listItemTemplate": { "alias": "listItemTemplate"; "required": false; "isSignal": true; }; "relativeDateTableCellTemplate": { "alias": "relativeDateTableCellTemplate"; "required": false; "isSignal": true; }; "listValueTemplate": { "alias": "listValueTemplate"; "required": false; "isSignal": true; }; "translationKeyListValueTemplate": { "alias": "translationKeyListValueTemplate"; "required": false; "isSignal": true; }; "numberListValueTemplate": { "alias": "numberListValueTemplate"; "required": false; "isSignal": true; }; "relativeDateListValueTemplate": { "alias": "relativeDateListValueTemplate"; "required": false; "isSignal": true; }; "stringListValueTemplate": { "alias": "stringListValueTemplate"; "required": false; "isSignal": true; }; "dateListValueTemplate": { "alias": "dateListValueTemplate"; "required": false; "isSignal": true; }; "tableFilterCellTemplate": { "alias": "tableFilterCellTemplate"; "required": false; "isSignal": true; }; "dateTableFilterCellTemplate": { "alias": "dateTableFilterCellTemplate"; "required": false; "isSignal": true; }; "relativeDateTableFilterCellTemplate": { "alias": "relativeDateTableFilterCellTemplate"; "required": false; "isSignal": true; }; "translationKeyTableFilterCellTemplate": { "alias": "translationKeyTableFilterCellTemplate"; "required": false; "isSignal": true; }; "stringTableFilterCellTemplate": { "alias": "stringTableFilterCellTemplate"; "required": false; "isSignal": true; }; "numberTableFilterCellTemplate": { "alias": "numberTableFilterCellTemplate"; "required": false; "isSignal": true; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "parentTemplates": { "alias": "parentTemplates"; "required": false; "isSignal": true; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; }, ["stringTableCellChildTemplate", "numberTableCellChildTemplate", "dateTableCellChildTemplate", "tableCellChildTemplate", "translationKeyTableCellChildTemplate", "gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "gridItemChildTemplate", "listItemChildTemplate", "relativeDateTableCellChildTemplate", "listValueChildTemplate", "translationKeyListValueChildTemplate", "numberListValueChildTemplate", "relativeDateListValueChildTemplate", "stringListValueChildTemplate", "dateListValueChildTemplate", "tableFilterCellChildTemplate", "dateTableFilterCellChildTemplate", "relativeDateTableFilterCellChildTemplate", "translationKeyTableFilterCellChildTemplate", "stringTableFilterCellChildTemplate", "numberTableFilterCellChildTemplate", "templates"], never, false, never>;
 }
 
 type DiagramData = {
@@ -1137,8 +1187,9 @@ interface FilterViewComponentState {
 declare class FilterViewComponent {
     ColumnType: typeof ColumnType;
     FilterType: typeof FilterType;
-    readonly filters: _angular_core.ModelSignal<Filter$1[]>;
-    readonly columns: _angular_core.ModelSignal<DataTableColumn[]>;
+    readonly stateService: DataViewStateService;
+    set filters(value: Filter$1[]);
+    set columns(value: DataTableColumn[]);
     readonly displayMode: _angular_core.InputSignal<FilterViewDisplayMode>;
     readonly selectDisplayedChips: _angular_core.InputSignal<(filters: Filter$1[], columns: DataTableColumn[]) => Filter$1[]>;
     readonly chipStyleClass: _angular_core.InputSignal<string>;
@@ -1183,7 +1234,7 @@ declare class FilterViewComponent {
     getRowObjectFromFiterData(filter: Filter$1): Record<string, unknown>;
     getRowForValueColumn(row: Row): Row;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterViewComponent, "ocx-filter-view", never, { "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "selectDisplayedChips": { "alias": "selectDisplayedChips"; "required": false; "isSignal": true; }; "chipStyleClass": { "alias": "chipStyleClass"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "panelStyle": { "alias": "panelStyle"; "required": false; "isSignal": true; }; "templates": { "alias": "templates"; "required": false; "isSignal": true; }; }, { "filters": "filtersChange"; "columns": "columnsChange"; "filtered": "filtered"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterViewComponent, "ocx-filter-view", never, { "filters": { "alias": "filters"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "selectDisplayedChips": { "alias": "selectDisplayedChips"; "required": false; "isSignal": true; }; "chipStyleClass": { "alias": "chipStyleClass"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "panelStyle": { "alias": "panelStyle"; "required": false; "isSignal": true; }; "templates": { "alias": "templates"; "required": false; "isSignal": true; }; }, { "filtered": "filtered"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }
 
 type DiagramColumn = {
@@ -1231,7 +1282,6 @@ declare class GroupByCountDiagramComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupByCountDiagramComponent, "ocx-group-by-count-diagram", never, { "sumKey": { "alias": "sumKey"; "required": false; "isSignal": true; }; "diagramType": { "alias": "diagramType"; "required": false; "isSignal": true; }; "chartTitleKey": { "alias": "chartTitleKey"; "required": false; "isSignal": true; }; "chartDescriptionKey": { "alias": "chartDescriptionKey"; "required": false; "isSignal": true; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; "isSignal": true; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "allLabelKeys": { "alias": "allLabelKeys"; "required": false; "isSignal": true; }; "showAllLabels": { "alias": "showAllLabels"; "required": false; "isSignal": true; }; "columnType": { "alias": "columnType"; "required": false; "isSignal": true; }; "columnField": { "alias": "columnField"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; }, { "diagramType": "diagramTypeChange"; "data": "dataChange"; "columnType": "columnTypeChange"; "columnField": "columnFieldChange"; "colors": "colorsChange"; "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
 }
 
-type ViewLayout = 'grid' | 'list' | 'table';
 type InteractiveDataViewComponentState = ColumnGroupSelectionComponentState & CustomGroupColumnSelectorComponentState & DataLayoutSelectionComponentState & DataListGridSortingComponentState & DataViewComponentState & FilterViewComponentState;
 interface ColumnGroupData {
     activeColumns: DataTableColumn[];
@@ -1240,13 +1290,8 @@ interface ColumnGroupData {
 declare class InteractiveDataViewComponent implements OnInit {
     private readonly slotService;
     private readonly destroyRef;
+    readonly stateService: DataViewStateService;
     dataViewComponent: Signal<DataViewComponent | undefined>;
-    columnGroupSelectionComponentState$: ReplaySubject<ColumnGroupSelectionComponentState>;
-    customGroupColumnSelectorComponentState$: ReplaySubject<CustomGroupColumnSelectorComponentState>;
-    dataLayoutComponentState$: ReplaySubject<DataLayoutSelectionComponentState>;
-    dataListGridSortingComponentState$: ReplaySubject<DataListGridSortingComponentState>;
-    dataViewComponentState$: ReplaySubject<DataViewComponentState>;
-    filterViewComponentState$: ReplaySubject<FilterViewComponentState>;
     searchConfigPermission: _angular_core.InputSignal<PermissionInput>;
     deletePermission: _angular_core.InputSignal<PermissionInput>;
     editPermission: _angular_core.InputSignal<PermissionInput>;
@@ -1263,28 +1308,28 @@ declare class InteractiveDataViewComponent implements OnInit {
     titleLineId: _angular_core.InputSignal<string | undefined>;
     subtitleLineIds: _angular_core.InputSignal<string[] | undefined>;
     supportedViewLayouts: _angular_core.InputSignal<ViewLayout[]>;
-    columns: _angular_core.InputSignal<DataTableColumn[]>;
+    set columns(value: DataTableColumn[]);
     emptyResultsMessage: _angular_core.InputSignal<string | undefined>;
     clientSideSorting: _angular_core.InputSignal<boolean>;
     clientSideFiltering: _angular_core.InputSignal<boolean>;
     fallbackImage: _angular_core.InputSignal<string>;
-    filters: _angular_core.ModelSignal<Filter$1[]>;
-    sortDirection: _angular_core.ModelSignal<DataSortDirection>;
-    sortField: _angular_core.ModelSignal<any>;
+    set filters(value: Filter$1[]);
+    set sortField(value: string);
+    set sortDirection(value: DataSortDirection);
     sortStates: _angular_core.InputSignal<DataSortDirection[]>;
     pageSizes: _angular_core.InputSignal<number[]>;
-    pageSize: _angular_core.ModelSignal<number | undefined>;
+    set page(value: number);
+    set pageSize(value: number);
     totalRecordsOnServer: _angular_core.InputSignal<number | undefined>;
-    layout: _angular_core.ModelSignal<ViewLayout>;
+    set layout(value: ViewLayout);
     defaultGroupKey: _angular_core.InputSignal<string>;
     customGroupKey: _angular_core.InputSignal<string>;
     groupSelectionNoGroupSelectedKey: _angular_core.InputSignal<string>;
     currentPageShowingKey: _angular_core.InputSignal<string>;
     currentPageShowingWithTotalOnServerKey: _angular_core.InputSignal<string>;
-    additionalActions: _angular_core.InputSignal<DataAction[]>;
-    listGridPaginator: _angular_core.ModelSignal<boolean>;
-    tablePaginator: _angular_core.ModelSignal<boolean>;
-    get paginator(): boolean;
+    set additionalActions(value: DataAction[]);
+    set listGridPaginator(value: boolean);
+    set tablePaginator(value: boolean);
     set paginator(value: boolean);
     disableFilterView: _angular_core.InputSignal<boolean>;
     filterViewDisplayMode: _angular_core.InputSignal<FilterViewDisplayMode>;
@@ -1296,17 +1341,16 @@ declare class InteractiveDataViewComponent implements OnInit {
         [klass: string]: any;
     }>;
     selectDisplayedChips: _angular_core.InputSignal<(filters: Filter$1[], columns: DataTableColumn[]) => Filter$1[]>;
-    page: _angular_core.ModelSignal<number>;
-    selectedRows: _angular_core.InputSignal<Row[]>;
+    set selectedRows(value: Row[]);
     displayedColumnKeys: _angular_core.ModelSignal<string[]>;
     displayedColumns: Signal<DataTableColumn[]>;
-    frozenActionColumn: _angular_core.ModelSignal<boolean>;
-    actionColumnPosition: _angular_core.ModelSignal<"right" | "left">;
+    set frozenActionColumn(value: boolean);
+    set actionColumnPosition(value: 'left' | 'right');
     headerStyleClass: _angular_core.InputSignal<string | undefined>;
     contentStyleClass: _angular_core.InputSignal<string | undefined>;
     expandable: _angular_core.InputSignal<boolean>;
     frozenExpandColumn: _angular_core.InputSignal<boolean>;
-    expandedRows: _angular_core.ModelSignal<string[] | Row[] | number[]>;
+    set expandedRows(value: InteractiveExpandedRows);
     childTableCell: Signal<TemplateRef<any> | undefined>;
     primeNgTableCell: Signal<TemplateRef<any> | undefined>;
     _tableCell: Signal<TemplateRef<any> | undefined>;
@@ -1379,9 +1423,9 @@ declare class InteractiveDataViewComponent implements OnInit {
     templates: Signal<readonly PrimeTemplate[]>;
     filtered: _angular_core.OutputEmitterRef<Filter$1[]>;
     sorted: _angular_core.OutputEmitterRef<Sort>;
-    deleteItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData>;
-    viewItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData>;
-    editItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData>;
+    deleteItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData$1>;
+    viewItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData$1>;
+    editItem: _onecx_angular_accelerator.ObservableOutputEmitterRef<RowListGridData$1>;
     selectionChanged: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row[]>;
     dataViewLayoutChange: _angular_core.OutputEmitterRef<"table" | "grid" | "list">;
     displayedColumnKeysChange: _angular_core.OutputEmitterRef<string[]>;
@@ -1390,8 +1434,8 @@ declare class InteractiveDataViewComponent implements OnInit {
     rowExpanded: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
     rowCollapsed: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row>;
     componentStateChanged: _angular_core.OutputEmitterRef<InteractiveDataViewComponentState>;
-    selectedGroupKey: _angular_core.WritableSignal<string | undefined>;
-    data: _angular_core.InputSignal<RowListGridData[]>;
+    set selectedGroupKey(value: string | undefined);
+    set data(value: RowListGridData$1[]);
     readonly columnGroupSlotName = "onecx-column-group-selection";
     isColumnGroupSelectionComponentDefined$: Observable<boolean>;
     isColumnGroupSelectionComponentDefined: Signal<boolean | undefined>;
@@ -1409,9 +1453,9 @@ declare class InteractiveDataViewComponent implements OnInit {
     ngOnInit(): void;
     filtering(event: any): void;
     sorting(event: any): void;
-    onDeleteElement(element: RowListGridData): void;
-    onViewElement(element: RowListGridData): void;
-    onEditElement(element: RowListGridData): void;
+    onDeleteElement(element: RowListGridData$1): void;
+    onViewElement(element: RowListGridData$1): void;
+    onEditElement(element: RowListGridData$1): void;
     onDataViewLayoutChange(layout: ViewLayout): void;
     onSortChange($event: any): void;
     onSortDirectionChange($event: any): void;
@@ -1423,7 +1467,7 @@ declare class InteractiveDataViewComponent implements OnInit {
     onPageChange(event: number): void;
     onPageSizeChange(event: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InteractiveDataViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; "isSignal": true; }; "deletePermission": { "alias": "deletePermission"; "required": false; "isSignal": true; }; "editPermission": { "alias": "editPermission"; "required": false; "isSignal": true; }; "viewPermission": { "alias": "viewPermission"; "required": false; "isSignal": true; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; "isSignal": true; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; "isSignal": true; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; "isSignal": true; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; "isSignal": true; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; "isSignal": true; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; "isSignal": true; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; "isSignal": true; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "titleLineId": { "alias": "titleLineId"; "required": false; "isSignal": true; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; "isSignal": true; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; "isSignal": true; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; "isSignal": true; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; "isSignal": true; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; "isSignal": true; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; "isSignal": true; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; "isSignal": true; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; "isSignal": true; }; "additionalActions": { "alias": "additionalActions"; "required": false; "isSignal": true; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; "isSignal": true; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; }; "disableFilterView": { "alias": "disableFilterView"; "required": false; "isSignal": true; }; "filterViewDisplayMode": { "alias": "filterViewDisplayMode"; "required": false; "isSignal": true; }; "filterViewChipStyleClass": { "alias": "filterViewChipStyleClass"; "required": false; "isSignal": true; }; "filterViewTableStyle": { "alias": "filterViewTableStyle"; "required": false; "isSignal": true; }; "filterViewPanelStyle": { "alias": "filterViewPanelStyle"; "required": false; "isSignal": true; }; "selectDisplayedChips": { "alias": "selectDisplayedChips"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; "isSignal": true; }; "displayedColumnKeys": { "alias": "displayedColumnKeys"; "required": false; "isSignal": true; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; "isSignal": true; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; "isSignal": true; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; "isSignal": true; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; "isSignal": true; }; "expandedRows": { "alias": "expandedRows"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "filters": "filtersChange"; "sortDirection": "sortDirectionChange"; "sortField": "sortFieldChange"; "pageSize": "pageSizeChange"; "layout": "layoutChange"; "listGridPaginator": "listGridPaginatorChange"; "tablePaginator": "tablePaginatorChange"; "page": "pageChange"; "displayedColumnKeys": "displayedColumnKeysChange"; "frozenActionColumn": "frozenActionColumnChange"; "actionColumnPosition": "actionColumnPositionChange"; "expandedRows": "expandedRowsChange"; "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; "componentStateChanged": "componentStateChanged"; "groupSelectionChangedSlotEmitter": "groupSelectionChangedSlotEmitter"; }, ["childTableCell", "childDateTableCell", "childRelativeDateTableCell", "childTranslationKeyTableCell", "childGridItemSubtitleLines", "childListItemSubtitleLines", "childStringTableCell", "childNumberTableCell", "childGridItem", "childListItem", "childTopCenter", "childListValue", "childTranslationKeyListValue", "childNumberListValue", "childRelativeDateListValue", "childStringListValue", "childDateListValue", "childTableFilterCell", "childDateTableFilterCell", "childRelativeDateTableFilterCell", "childTranslationKeyTableFilterCell", "childStringTableFilterCell", "childNumberTableFilterCell", "templates"], never, false, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; "isSignal": true; }; "deletePermission": { "alias": "deletePermission"; "required": false; "isSignal": true; }; "editPermission": { "alias": "editPermission"; "required": false; "isSignal": true; }; "viewPermission": { "alias": "viewPermission"; "required": false; "isSignal": true; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; "isSignal": true; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; "isSignal": true; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; "isSignal": true; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; "isSignal": true; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; "isSignal": true; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; "isSignal": true; }; "tableSelectionEnabledField": { "alias": "tableSelectionEnabledField"; "required": false; "isSignal": true; }; "tableAllowSelectAll": { "alias": "tableAllowSelectAll"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "titleLineId": { "alias": "titleLineId"; "required": false; "isSignal": true; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; "isSignal": true; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; "isSignal": true; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; "isSignal": true; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; "isSignal": true; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; "isSignal": true; }; "pageSizes": { "alias": "pageSizes"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; "isSignal": true; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; "isSignal": true; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; "isSignal": true; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; "isSignal": true; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; "isSignal": true; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "disableFilterView": { "alias": "disableFilterView"; "required": false; "isSignal": true; }; "filterViewDisplayMode": { "alias": "filterViewDisplayMode"; "required": false; "isSignal": true; }; "filterViewChipStyleClass": { "alias": "filterViewChipStyleClass"; "required": false; "isSignal": true; }; "filterViewTableStyle": { "alias": "filterViewTableStyle"; "required": false; "isSignal": true; }; "filterViewPanelStyle": { "alias": "filterViewPanelStyle"; "required": false; "isSignal": true; }; "selectDisplayedChips": { "alias": "selectDisplayedChips"; "required": false; "isSignal": true; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumnKeys": { "alias": "displayedColumnKeys"; "required": false; "isSignal": true; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; "isSignal": true; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "frozenExpandColumn": { "alias": "frozenExpandColumn"; "required": false; "isSignal": true; }; "expandedRows": { "alias": "expandedRows"; "required": false; }; "selectedGroupKey": { "alias": "selectedGroupKey"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "displayedColumnKeys": "displayedColumnKeysChange"; "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "rowExpanded": "rowExpanded"; "rowCollapsed": "rowCollapsed"; "componentStateChanged": "componentStateChanged"; "groupSelectionChangedSlotEmitter": "groupSelectionChangedSlotEmitter"; }, ["childTableCell", "childDateTableCell", "childRelativeDateTableCell", "childTranslationKeyTableCell", "childGridItemSubtitleLines", "childListItemSubtitleLines", "childStringTableCell", "childNumberTableCell", "childGridItem", "childListItem", "childTopCenter", "childListValue", "childTranslationKeyListValue", "childNumberListValue", "childRelativeDateListValue", "childStringListValue", "childDateListValue", "childTableFilterCell", "childDateTableFilterCell", "childRelativeDateTableFilterCell", "childTranslationKeyTableFilterCell", "childStringTableFilterCell", "childNumberTableFilterCell", "templates"], never, false, never>;
 }
 
 interface LifecycleStep {
@@ -1756,7 +1800,7 @@ declare class SearchHeaderComponent {
     visibleFormControls: Signal<readonly FormControlName[]>;
     searchParameterFields: Signal<ElementRef<any> | undefined>;
     hasAdvanced: _angular_core.WritableSignal<boolean>;
-    simpleAdvancedAction: _angular_core.WritableSignal<Action>;
+    simpleAdvancedAction: Action;
     headerActions: _angular_core.WritableSignal<Action[]>;
     searchButtonsReversed$: Observable<boolean | null>;
     fieldValues$: Observable<{
@@ -2393,7 +2437,7 @@ declare class RelativeDatePipe implements PipeTransform {
 
 declare class AngularAcceleratorPrimeNgModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AngularAcceleratorPrimeNgModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AngularAcceleratorPrimeNgModule, never, [typeof i1.BreadcrumbModule, typeof i2.ChipModule, typeof i3.CheckboxModule, typeof i4.SelectModule, typeof i5.ButtonModule, typeof i6.DialogModule, typeof i7.PickListModule, typeof i8.SelectButtonModule, typeof i9.DataViewModule, typeof i10.TableModule, typeof i11.MenuModule, typeof i12.ChartModule, typeof i13.MultiSelectModule, typeof i14.SkeletonModule, typeof i15.MessageModule, typeof i16.FloatLabelModule, typeof i17.PopoverModule, typeof i18.FocusTrapModule, typeof i19.TooltipModule, typeof i20.TimelineModule, typeof i21.RippleModule, typeof i8.SelectButtonModule, typeof i22.SharedModule], [typeof i1.BreadcrumbModule, typeof i2.ChipModule, typeof i3.CheckboxModule, typeof i4.SelectModule, typeof i5.ButtonModule, typeof i6.DialogModule, typeof i7.PickListModule, typeof i8.SelectButtonModule, typeof i9.DataViewModule, typeof i10.TableModule, typeof i11.MenuModule, typeof i12.ChartModule, typeof i13.MultiSelectModule, typeof i14.SkeletonModule, typeof i15.MessageModule, typeof i16.FloatLabelModule, typeof i17.PopoverModule, typeof i18.FocusTrapModule, typeof i19.TooltipModule, typeof i20.TimelineModule, typeof i21.RippleModule, typeof i8.SelectButtonModule, typeof i22.SharedModule]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AngularAcceleratorPrimeNgModule, never, [typeof i1.BreadcrumbModule, typeof i2.ChipModule, typeof i3.CheckboxModule, typeof i4.SelectModule, typeof i5.ButtonModule, typeof i6.DialogModule, typeof i7.PickListModule, typeof i8.SelectButtonModule, typeof i9.DataViewModule, typeof i10.TableModule, typeof i11.MenuModule, typeof i12.ChartModule, typeof i13.MultiSelectModule, typeof i14.SkeletonModule, typeof i15.MessageModule, typeof i16.FloatLabelModule, typeof i17.PopoverModule, typeof i18.FocusTrapModule, typeof i19.TooltipModule, typeof i20.TimelineModule, typeof i21.RippleModule, typeof i22.SharedModule], [typeof i1.BreadcrumbModule, typeof i2.ChipModule, typeof i3.CheckboxModule, typeof i4.SelectModule, typeof i5.ButtonModule, typeof i6.DialogModule, typeof i7.PickListModule, typeof i8.SelectButtonModule, typeof i9.DataViewModule, typeof i10.TableModule, typeof i11.MenuModule, typeof i12.ChartModule, typeof i13.MultiSelectModule, typeof i14.SkeletonModule, typeof i15.MessageModule, typeof i16.FloatLabelModule, typeof i17.PopoverModule, typeof i18.FocusTrapModule, typeof i19.TooltipModule, typeof i20.TimelineModule, typeof i21.RippleModule, typeof i22.SharedModule]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<AngularAcceleratorPrimeNgModule>;
 }
 
@@ -2512,5 +2556,5 @@ declare function handleAction(router: Router, action: Action | DataAction, data?
  */
 declare function handleActionSync(router: Router, action: Action | DataAction, data?: any): void;
 
-export { AdvancedDirective, AngularAcceleratorMissingTranslationHandler, AngularAcceleratorModule, AngularAcceleratorPrimeNgModule, BasicDirective, BreadcrumbService, ColorUtils, ColumnGroupSelectionComponent, ColumnType, ConsentComponent, CustomGroupColumnSelectorComponent, DataLayoutSelectionComponent, DataListGridComponent, DataListGridSortingComponent, DataOperationStrategy, DataSortDirection, DataTableComponent, DataViewComponent, DateUtils, DiagramComponent, DiagramType, DialogContentComponent, DialogFooterComponent, DialogInlineComponent, DialogMessageContentComponent, DynamicPipe, ExportDataService, FilterType, FilterViewComponent, GlobalErrorComponent, GroupByCountDiagramComponent, IfBreakpointDirective, IfPermissionDirective, ImageLogoUrlUtils, InteractiveDataViewComponent, LifecycleComponent, LoadingIndicatorComponent, LoadingIndicatorDirective, ObjectUtils, ObservableOutputEmitterRef, OcxContentComponent, OcxContentContainerComponent, OcxContentContainerDirective, OcxContentDirective, OcxTimeAgoPipe, OcxTooltipDirective, PageHeaderComponent, PortalDialogService, RelativeDatePipe, SearchHeaderComponent, SrcDirective, TemplateDirective, TemplateType, TooltipOnOverflowDirective, atLeastOneFieldFilledValidator, buildSearchCriteria, defaultDialogData, defaultPrimaryButtonDetails, defaultSecondaryButtonDetails, enumToDropdownOptions, findEntryWithKeyword, findTemplate, flattenObject, handleAction, handleActionSync, limit, observableOutput, providePortalDialogService, removeKeyword, resolveRouterLink, searchPrefixWithSpecialChars };
-export type { Action, ActionColumnChangedEvent, BreadCrumbMenuItem, BuildSearchCriteriaParameters, ButtonDialogButtonDetails, ButtonDialogConfig, ButtonDialogCustomButtonDetails, ButtonDialogData, ChartType, ColumnFilterDataSelectOptions, ColumnGroupData, ColumnGroupSelectionComponentState, ColumnSelectionChangedEvent, ConsentChangedEvent, CustomGroupColumnSelectorComponentState, DataAction, DataLayoutSelectionComponentState, DataListGridComponentState, DataListGridSortingComponentState, DataTableColumn, DataTableComponentState, DataViewComponentState, DiagramColumn, DiagramComponentState, DiagramLayouts, DialogButton, DialogButtonClicked, DialogCustomButtonsDisabled, DialogPrimaryButtonDisabled, DialogResult, DialogSecondaryButtonDisabled, DialogState, DialogStateButtonClicked, Filter$1 as Filter, FilterObject, FilterViewComponentState, FilterViewDisplayMode, FilterViewRowDetailData, FilterViewRowDisplayData, GridColumnOptions, GroupByCountDiagramComponentState, GroupSelectionChangedEvent, HomeItem, InteractiveDataViewComponentState, LifecycleStep, ListGridData, ListGridDataMenuItem, ListGridSort, ObjectDetailItem, OnMissingPermission, PermissionInput, PortalDialogConfig, PortalDialogServiceData, PrimeIcon, Primitive, Result, RouterLink, Row, RowListGridData, SearchConfigData, SearchHeaderComponentState, Sort, TranslationKey, TranslationKeyWithParameters, ViewLayout, hasShowTimeFunction };
+export { AdvancedDirective, AngularAcceleratorMissingTranslationHandler, AngularAcceleratorModule, AngularAcceleratorPrimeNgModule, BasicDirective, BreadcrumbService, ColorUtils, ColumnGroupSelectionComponent, ColumnType, ConsentComponent, CustomGroupColumnSelectorComponent, DataLayoutSelectionComponent, DataListGridComponent, DataListGridSortingComponent, DataOperationStrategy, DataSortDirection, DataTableComponent, DataViewComponent, DataViewStateService, DateUtils, DiagramComponent, DiagramType, DialogContentComponent, DialogFooterComponent, DialogInlineComponent, DialogMessageContentComponent, DynamicPipe, ExportDataService, FilterType, FilterViewComponent, GlobalErrorComponent, GroupByCountDiagramComponent, IfBreakpointDirective, IfPermissionDirective, ImageLogoUrlUtils, InteractiveDataViewComponent, LifecycleComponent, LoadingIndicatorComponent, LoadingIndicatorDirective, ObjectUtils, ObservableOutputEmitterRef, OcxContentComponent, OcxContentContainerComponent, OcxContentContainerDirective, OcxContentDirective, OcxTimeAgoPipe, OcxTooltipDirective, PageHeaderComponent, PortalDialogService, RelativeDatePipe, SearchHeaderComponent, SrcDirective, TemplateDirective, TemplateType, TooltipOnOverflowDirective, atLeastOneFieldFilledValidator, buildSearchCriteria, defaultDialogData, defaultPrimaryButtonDetails, defaultSecondaryButtonDetails, enumToDropdownOptions, findEntryWithKeyword, findTemplate, flattenObject, handleAction, handleActionSync, limit, observableOutput, providePortalDialogService, removeKeyword, resolveRouterLink, searchPrefixWithSpecialChars };
+export type { Action, ActionColumnChangedEvent, BreadCrumbMenuItem, BuildSearchCriteriaParameters, ButtonDialogButtonDetails, ButtonDialogConfig, ButtonDialogCustomButtonDetails, ButtonDialogData, ChartType, ColumnFilterDataSelectOptions, ColumnGroupData, ColumnGroupSelectionComponentState, ColumnSelectionChangedEvent, ConsentChangedEvent, CustomGroupColumnSelectorComponentState, DataAction, DataLayoutSelectionComponentState, DataListGridComponentState, DataListGridSortingComponentState, DataTableColumn, DataTableComponentState, DataViewComponentState, DiagramColumn, DiagramComponentState, DiagramLayouts, DialogButton, DialogButtonClicked, DialogCustomButtonsDisabled, DialogPrimaryButtonDisabled, DialogResult, DialogSecondaryButtonDisabled, DialogState, DialogStateButtonClicked, Filter$1 as Filter, FilterObject, FilterViewComponentState, FilterViewDisplayMode, FilterViewRowDetailData, FilterViewRowDisplayData, GridColumnOptions, GroupByCountDiagramComponentState, GroupSelectionChangedEvent, HomeItem, InteractiveDataView, InteractiveDataViewComponentState, InteractiveExpandedRows, LifecycleStep, ListGridData, ListGridDataMenuItem, ListGridSort, ObjectDetailItem, OnMissingPermission, PermissionInput, PortalDialogConfig, PortalDialogServiceData, PrimeIcon, Primitive, Result, RouterLink, Row, SearchConfigData, SearchHeaderComponentState, Sort, TranslationKey, TranslationKeyWithParameters, ViewLayout, hasShowTimeFunction };