@onecx/angular-accelerator 8.0.0-rc.2 → 8.0.0-rc.6

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

@@ -0,0 +1,2412 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef, EventEmitter, DoCheck, OnDestroy, AfterViewInit, OutputEmitterRef, Signal, Type, ElementRef, ViewContainerRef, ComponentRef, PipeTransform, QueryList } from '@angular/core';
+import * as i19 from 'primeng/tooltip';
+import { Tooltip } from 'primeng/tooltip';
+import * as i22 from 'primeng/api';
+import { PrimeIcons, SelectItem, PrimeTemplate, MenuItem } from 'primeng/api';
+import { MfeInfo, EventsTopic } from '@onecx/integration-interface';
+import * as i11 from 'primeng/menu';
+import { Menu } from 'primeng/menu';
+import * as rxjs from 'rxjs';
+import { Observable, ReplaySubject, 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 * 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';
+import * as chart_js from 'chart.js';
+import { ChartData } from 'chart.js';
+import * as i17 from 'primeng/popover';
+import { Popover } from 'primeng/popover';
+import * as i5 from 'primeng/button';
+import { Button } from 'primeng/button';
+import * as i41 from '@angular/router';
+import { QueryParamsHandling, Router } from '@angular/router';
+import * as i40 from '@angular/forms';
+import { FormGroup, FormControlName, ValidatorFn } from '@angular/forms';
+import { DialogService, DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { MultiLanguageMissingTranslationHandler } from '@onecx/angular-utils';
+import * as i36 from '@angular/common';
+import * as i1 from 'primeng/breadcrumb';
+import * as i2 from 'primeng/chip';
+import * as i3 from 'primeng/checkbox';
+import * as i6 from 'primeng/dialog';
+import * as i7 from 'primeng/picklist';
+import * as i8 from 'primeng/selectbutton';
+import * as i9 from 'primeng/dataview';
+import * as i10 from 'primeng/table';
+import * as i12 from 'primeng/chart';
+import * as i14 from 'primeng/skeleton';
+import * as i15 from 'primeng/message';
+import * as i16 from 'primeng/floatlabel';
+import * as i18 from 'primeng/focustrap';
+import * as i20 from 'primeng/timeline';
+import * as i21 from 'primeng/ripple';
+import * as i38 from '@onecx/angular-remote-components';
+import { DatePicker } from 'primeng/datepicker';
+
+declare class OcxContentContainerDirective implements OnInit {
+    private el;
+    /**
+     * Used for passing the direction, in which the content inside the container should be rendered.
+     * Default: horizontal
+     * @example [ocxContentContainer]="horizontal"
+     * @example [ocxContentContainer]="vertical"
+     */
+    layout: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /**
+     * Used for passing in the breakpoint below which a horizontal layout should switch 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
+     */
+    ngClass: _angular_core.InputSignal<string | undefined>;
+    ngOnInit(): void;
+    constructor();
+    private addContainerStyles;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OcxContentContainerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OcxContentContainerDirective, "[ocxContentContainer]", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "breakpoint": { "alias": "breakpoint"; "required": false; "isSignal": true; }; "ngClass": { "alias": "ngClass"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+declare class OcxContentDirective implements OnInit {
+    private readonly el;
+    /**
+     * Used for passing a title text which should be rendered in the upper left corner of the content area.
+     * @example [ocxContent]="My Cool Title"
+     */
+    ocxContent: _angular_core.InputSignal<string>;
+    private readonly baseId;
+    private readonly titleElementId;
+    constructor();
+    ngOnInit(): void;
+    private init;
+    private addContentStyles;
+    private prependTitle;
+    private getUniqueTitleID;
+    private removeTitle;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OcxContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OcxContentDirective, "[ocxContent]", never, { "ocxContent": { "alias": "ocxContent"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+type PermissionInput = string | string[] | undefined;
+type OnMissingPermission = 'hide' | 'disable';
+
+declare class IfPermissionDirective {
+    private readonly logger;
+    private readonly renderer;
+    private readonly viewContainer;
+    private readonly hasPermissionChecker;
+    private readonly templateRef;
+    private readonly userService;
+    private readonly destroyRef;
+    ocxIfPermission: _angular_core.InputSignal<PermissionInput>;
+    ocxIfNotPermission: _angular_core.InputSignal<PermissionInput>;
+    ocxIfPermissionOnMissingPermission: _angular_core.InputSignal<OnMissingPermission>;
+    ocxIfNotPermissionOnMissingPermission: _angular_core.InputSignal<OnMissingPermission>;
+    ocxIfPermissionPermissions: _angular_core.InputSignal<string[] | undefined>;
+    ocxIfNotPermissionPermissions: _angular_core.InputSignal<string[] | undefined>;
+    ocxIfPermissionElseTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    ocxIfNotPermissionElseTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    private readonly permissionChecker;
+    private readonly isDisabled;
+    private readonly directiveContentRef;
+    private readonly permissionValidation;
+    private normalizePermissions;
+    constructor();
+    private hasPermission;
+    private showTemplateOrClear;
+    private showElseTemplateOrDefaultView;
+    private resetView;
+    private getElement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IfPermissionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IfPermissionDirective, "[ocxIfPermission], [ocxIfNotPermission]", never, { "ocxIfPermission": { "alias": "ocxIfPermission"; "required": false; "isSignal": true; }; "ocxIfNotPermission": { "alias": "ocxIfNotPermission"; "required": false; "isSignal": true; }; "ocxIfPermissionOnMissingPermission": { "alias": "ocxIfPermissionOnMissingPermission"; "required": false; "isSignal": true; }; "ocxIfNotPermissionOnMissingPermission": { "alias": "ocxIfNotPermissionOnMissingPermission"; "required": false; "isSignal": true; }; "ocxIfPermissionPermissions": { "alias": "ocxIfPermissionPermissions"; "required": false; "isSignal": true; }; "ocxIfNotPermissionPermissions": { "alias": "ocxIfNotPermissionPermissions"; "required": false; "isSignal": true; }; "ocxIfPermissionElseTemplate": { "alias": "ocxIfPermissionElseTemplate"; "required": false; "isSignal": true; }; "ocxIfNotPermissionElseTemplate": { "alias": "ocxIfNotPermissionElseTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+declare class IfBreakpointDirective implements OnInit {
+    private readonly viewContainer;
+    private readonly templateRef;
+    breakpoint: _angular_core.InputSignal<"mobile" | "desktop" | undefined>;
+    ocxIfBreakpointElseTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    state: _angular_core.WritableSignal<"mobile" | "desktop" | undefined>;
+    ngOnInit(): void;
+    onResize(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IfBreakpointDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IfBreakpointDirective, "[ocxIfBreakpoint]", never, { "breakpoint": { "alias": "ocxIfBreakpoint"; "required": false; "isSignal": true; }; "ocxIfBreakpointElseTemplate": { "alias": "ocxIfBreakpointElseTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+declare class SrcDirective {
+    private readonly logger;
+    private readonly el;
+    private readonly httpClient;
+    error: EventEmitter<void>;
+    ocxSrc: _angular_core.InputSignal<string | undefined>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SrcDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SrcDirective, "[ocxSrc]", never, { "ocxSrc": { "alias": "ocxSrc"; "required": false; "isSignal": true; }; }, { "error": "error"; }, never, never, false, never>;
+}
+
+declare class AdvancedDirective implements DoCheck {
+    private readonly viewContainer;
+    private readonly templateRef;
+    private readonly searchHeader;
+    constructor();
+    ngDoCheck(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AdvancedDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AdvancedDirective, "[ocxAdvanced]", never, {}, {}, never, never, false, never>;
+}
+
+declare class TooltipOnOverflowDirective extends Tooltip implements OnDestroy, AfterViewInit {
+    mutationObserver: MutationObserver;
+    get ocxTooltipOnOverflow(): string | TemplateRef<HTMLElement> | undefined;
+    set ocxTooltipOnOverflow(value: string | TemplateRef<HTMLElement> | undefined);
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipOnOverflowDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipOnOverflowDirective, "[ocxTooltipOnOverflow]", never, { "ocxTooltipOnOverflow": { "alias": "ocxTooltipOnOverflow"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class TemplateDirective {
+    template: TemplateRef<any>;
+    ocxTemplate: _angular_core.InputSignal<string>;
+    getType(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TemplateDirective, "[ocxTemplate]", never, { "ocxTemplate": { "alias": "ocxTemplate"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+declare class BasicDirective implements DoCheck {
+    private readonly viewContainer;
+    private readonly templateRef;
+    private readonly searchHeader;
+    constructor();
+    ngDoCheck(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BasicDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BasicDirective, "[ocxBasic]", never, {}, {}, never, never, false, never>;
+}
+
+declare class LoadingIndicatorDirective {
+    private readonly viewContainerRef;
+    private readonly el;
+    private readonly renderer;
+    ocxLoadingIndicator: _angular_core.InputSignal<boolean>;
+    overlayFullPage: _angular_core.InputSignal<boolean>;
+    isLoaderSmall: _angular_core.InputSignal<boolean>;
+    private componentRef;
+    constructor();
+    private elementLoader;
+    private toggleLoadingIndicator;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingIndicatorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LoadingIndicatorDirective, "[ocxLoadingIndicator]", never, { "ocxLoadingIndicator": { "alias": "ocxLoadingIndicator"; "required": false; "isSignal": true; }; "overlayFullPage": { "alias": "overlayFullPage"; "required": false; "isSignal": true; }; "isLoaderSmall": { "alias": "isLoaderSmall"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+declare enum ColumnType {
+    STRING = "STRING",
+    NUMBER = "NUMBER",
+    DATE = "DATE",
+    RELATIVE_DATE = "RELATIVE_DATE",
+    TRANSLATION_KEY = "TRANSLATION_KEY"
+}
+
+interface ColumnFilterDataSelectOptions {
+    reverse: boolean;
+}
+type FilterObject = {
+    columnId: string;
+    filterType?: FilterType;
+};
+type Filter$1 = FilterObject & {
+    value: unknown;
+};
+declare enum FilterType {
+    ENDS_WITH = "endsWith",
+    STARTS_WITH = "startsWith",
+    CONTAINS = "contains",
+    NOT_CONTAINS = "notContains",
+    EQUALS = "equals",
+    NOT_EQUALS = "notEquals",
+    LESS_THAN = "lessThan",
+    GREATER_THAN = "greaterThan",
+    LESS_THAN_OR_EQUAL = "lessThanOrEqual",
+    GREATER_THAN_OR_EQUAL = "greaterThanOrEqual",
+    IS_EMPTY = "isEmpty",
+    IS_NOT_EMPTY = "isNotEmpty"
+}
+
+interface DataTableColumn {
+    columnType: ColumnType;
+    nameKey: string;
+    id: string;
+    sortable?: boolean;
+    filterable?: boolean;
+    filterType?: FilterType;
+    predefinedGroupKeys?: string[];
+    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;
+    labelKey?: string;
+    icon?: string;
+    permission: string | string[];
+    classes?: string[];
+    disabled?: boolean;
+    actionVisibleField?: string;
+    actionEnabledField?: string;
+    showAsOverflow?: boolean;
+    callback: (data: any) => void;
+    routerLink?: RouterLink;
+}
+
+declare const enum DataSortDirection {
+    ASCENDING = "ASCENDING",
+    DESCENDING = "DESCENDING",
+    NONE = "NONE"
+}
+
+type Primitive = number | string | boolean | bigint | Date;
+type Row = {
+    id: string | number;
+    [columnId: string]: unknown;
+};
+declare enum TemplateType {
+    CELL = "CELL",
+    FILTERCELL = "FILTERCELL"
+}
+type Sort = {
+    sortColumn: string;
+    sortDirection: DataSortDirection;
+};
+interface DataTableComponentState {
+    filters?: Filter$1[];
+    sorting?: Sort;
+    selectedRows?: Row[];
+    activePage?: number;
+    pageSize?: number;
+}
+declare class DataTableComponent extends DataSortBase implements OnInit {
+    private readonly router;
+    private readonly injector;
+    private readonly userService;
+    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>;
+    clientSideSorting: _angular_core.InputSignal<boolean>;
+    sortStates: _angular_core.ModelSignal<DataSortDirection[]>;
+    pageSizes: _angular_core.ModelSignal<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>;
+    viewPermission: _angular_core.InputSignal<PermissionInput>;
+    editPermission: _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>;
+    paginator: _angular_core.InputSignal<boolean>;
+    page: _angular_core.ModelSignal<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>;
+    params: _angular_core.Signal<{
+        currentPage: string;
+        totalPages: string;
+        rows: string;
+        first: string;
+        last: string;
+        totalRecords: string;
+        totalRecordsOnServer: number | 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">;
+    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>;
+    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>;
+    overflowMenuItems$: Observable<{
+        label: any;
+        icon: string | undefined;
+        styleClass: string;
+        disabled: boolean;
+        visible: boolean;
+        command: () => void;
+    }[]>;
+    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>;
+    get viewTableRowObserved(): boolean;
+    get editTableRowObserved(): boolean;
+    get deleteTableRowObserved(): boolean;
+    get anyRowActionObserved(): boolean;
+    get selectionChangedObserved(): boolean;
+    constructor();
+    ngOnInit(): void;
+    translateColumnValues(columnValues: string[]): Observable<any>;
+    emitComponentStateChanged(): void;
+    emitSelectionChanged(): 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;
+    private filterActionsBasedOnPermissions;
+    onActionClick(action: DataAction, rowObject: any): Promise<void>;
+    private createMenuItemCommand;
+    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; }; "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; }; "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"; "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; "parentTemplates": "parentTemplatesChange"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate", "stringFilterCellChildTemplate", "numberFilterCellChildTemplate", "dateFilterCellChildTemplate", "relativeDateFilterCellChildTemplate", "filterCellChildTemplate", "translationKeyFilterCellChildTemplate", "templates"], never, false, never>;
+}
+
+type RowListGridData$2 = 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[];
+    sortItems([items, sortColumn, sortDirection, translations]: [
+        RowListGridData$2[],
+        string,
+        DataSortDirection,
+        Record<string, Record<string, string>>
+    ], columns: DataTableColumn[], clientSideSorting: boolean): RowListGridData$2[];
+    flattenItems(items: RowListGridData$2[]): 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 ListGridData = {
+    id: string | number;
+    imagePath: string | number;
+    [columnId: string]: unknown;
+};
+type RowListGridData$1 = ListGridData & Row;
+interface ListGridDataMenuItem extends MenuItem {
+    permission: string;
+}
+interface DataListGridComponentState {
+    activePage?: number;
+    pageSize?: number;
+}
+declare class DataListGridComponent extends DataSortBase implements OnInit {
+    private readonly userService;
+    private readonly router;
+    private readonly injector;
+    private readonly appStateService;
+    private readonly hasPermissionChecker;
+    private readonly liveAnnouncer;
+    titleLineId: _angular_core.InputSignal<string | undefined>;
+    subtitleLineIds: _angular_core.InputSignal<string[] | undefined>;
+    clientSideSorting: _angular_core.InputSignal<boolean>;
+    clientSideFiltering: _angular_core.InputSignal<boolean>;
+    sortStates: _angular_core.InputSignal<DataSortDirection[]>;
+    pageSize: _angular_core.ModelSignal<number | undefined>;
+    pageSizes: _angular_core.InputSignal<number[]>;
+    displayedPageSize: _angular_core.Signal<number>;
+    emptyResultsMessage: _angular_core.InputSignal<string | undefined>;
+    fallbackImage: _angular_core.InputSignal<string>;
+    layout: _angular_core.InputSignal<"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>;
+    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>;
+    columnTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
+    columns: _angular_core.InputSignal<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>;
+    params: _angular_core.Signal<{
+        currentPage: string;
+        totalPages: string;
+        rows: string;
+        first: string;
+        last: string;
+        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[]>;
+    currentMenuRow: _angular_core.WritableSignal<Row | null>;
+    overflowListMenuItems$: Observable<{
+        label: any;
+        icon: string | undefined;
+        styleClass: string;
+        disabled: boolean;
+        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>;
+    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;
+    emitComponentStateChanged(): void;
+    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;
+    private filterActionsBasedOnPermissions;
+    private getPermissions;
+    onActionClick(action: DataAction, item: 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>;
+}
+
+interface DataColumnNameId {
+    columnId: string;
+    columnName: string | number;
+}
+
+type ListGridSort = {
+    sortColumn: string;
+    sortDirection: DataSortDirection;
+};
+interface DataListGridSortingComponentState {
+    sorting?: ListGridSort;
+}
+declare class DataListGridSortingComponent {
+    readonly columns: _angular_core.InputSignal<DataTableColumn[]>;
+    readonly sortStates: _angular_core.InputSignal<DataSortDirection[]>;
+    readonly sortDirection: _angular_core.ModelSignal<DataSortDirection>;
+    readonly sortField: _angular_core.ModelSignal<string>;
+    readonly sortChange: _angular_core.OutputEmitterRef<string>;
+    readonly sortDirectionChange: _angular_core.OutputEmitterRef<DataSortDirection>;
+    readonly componentStateChanged: _angular_core.OutputEmitterRef<DataListGridSortingComponentState>;
+    readonly columnsChange: _angular_core.OutputEmitterRef<string[]>;
+    readonly dropdownOptions: _angular_core.Signal<DataColumnNameId[]>;
+    readonly selectedSortingOption: _angular_core.Signal<DataColumnNameId | undefined>;
+    constructor();
+    selectSorting(event: SelectChangeEvent): void;
+    sortDirectionChanged(): void;
+    nextSortDirection(): DataSortDirection;
+    sortIcon(): string;
+    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>;
+}
+
+type RowListGridData = ListGridData & Row;
+type DataViewComponentState = DataListGridComponentState & DataTableComponentState;
+declare class DataViewComponent implements OnInit {
+    private readonly injector;
+    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>;
+    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>;
+    tableSelectionEnabledField: _angular_core.InputSignal<string | undefined>;
+    tableAllowSelectAll: _angular_core.InputSignal<boolean>;
+    data: _angular_core.InputSignal<RowListGridData[]>;
+    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[]>;
+    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 paginator(value: boolean);
+    page: _angular_core.ModelSignal<number>;
+    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">;
+    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;
+    numberTableCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    numberTableCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get numberTableCell(): TemplateRef<any> | undefined;
+    dateTableCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    dateTableCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get dateTableCell(): TemplateRef<any> | undefined;
+    tableCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    tableCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get tableCell(): TemplateRef<any> | undefined;
+    translationKeyTableCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    translationKeyTableCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get translationKeyTableCell(): TemplateRef<any> | undefined;
+    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;
+    gridItemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    gridItemChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get gridItem(): TemplateRef<any> | undefined;
+    listItemTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    listItemChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get listItem(): TemplateRef<any> | undefined;
+    relativeDateTableCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    relativeDateTableCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get relativeDateTableCell(): 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;
+    tableFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    tableFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get tableFilterCell(): TemplateRef<any> | undefined;
+    dateTableFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    dateTableFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get dateTableFilterCell(): TemplateRef<any> | undefined;
+    relativeDateTableFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    relativeDateTableFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get relativeDateTableFilterCell(): TemplateRef<any> | undefined;
+    translationKeyTableFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    translationKeyTableFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get translationKeyTableFilterCell(): TemplateRef<any> | undefined;
+    stringTableFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    stringTableFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get stringTableFilterCell(): TemplateRef<any> | undefined;
+    numberTableFilterCellTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    numberTableFilterCellChildTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    get numberTableFilterCell(): TemplateRef<any> | undefined;
+    additionalActions: _angular_core.InputSignal<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>;
+    selectionChanged: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row[]>;
+    pageChanged: _angular_core.OutputEmitterRef<number>;
+    pageSizeChanged: _angular_core.OutputEmitterRef<number>;
+    componentStateChanged: _angular_core.OutputEmitterRef<DataViewComponentState>;
+    firstColumnId: _angular_core.WritableSignal<string | undefined>;
+    parentTemplates: _angular_core.InputSignal<readonly PrimeTemplate[] | null | undefined>;
+    templates: _angular_core.Signal<readonly PrimeTemplate[]>;
+    templatesForChildren: _angular_core.Signal<PrimeTemplate[]>;
+    get viewItemObserved(): boolean;
+    get editItemObserved(): boolean;
+    get deleteItemObserved(): boolean;
+    get selectionChangedObserved(): boolean;
+    constructor();
+    ngOnInit(): void;
+    registerEventListenerForListGrid(): void;
+    registerEventListenerForDataTable(): void;
+    filtering(event: any): void;
+    sorting(event: any): void;
+    deletingElement(event: any): void;
+    viewingElement(event: any): void;
+    editingElement(event: any): void;
+    onRowSelectionChange(event: Row[]): void;
+    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; }; "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"; "pageSize": "pageSizeChange"; "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "componentStateChanged": "componentStateChanged"; }, ["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 = {
+    label: string;
+    value: number;
+    backgroundColor?: string;
+};
+
+declare const enum DiagramType {
+    PIE = "PIE",
+    VERTICAL_BAR = "VERTICAL_BAR",
+    HORIZONTAL_BAR = "HORIZONTAL_BAR"
+}
+
+interface DiagramLayouts {
+    id: string;
+    icon: PrimeIcon;
+    layout: DiagramType;
+    tooltip?: string;
+    tooltipKey: string;
+    label?: string;
+    labelKey: string;
+}
+interface DiagramComponentState {
+    activeDiagramType?: DiagramType;
+}
+type ChartType = 'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar';
+declare class DiagramComponent {
+    data: _angular_core.InputSignal<DiagramData[] | undefined>;
+    sumKey: _angular_core.InputSignal<string>;
+    fullHeight: _angular_core.InputSignal<boolean>;
+    /**
+     * This property determines if diagram should generate the colors for the data that does not have any set.
+     *
+     * Setting this property to false will result in using the provided colors only if every data item has one. In the scenario where at least one item does not have a color set, diagram will generate all colors.
+     */
+    fillMissingColors: _angular_core.InputSignal<boolean>;
+    diagramType: _angular_core.ModelSignal<DiagramType>;
+    supportedDiagramTypes: _angular_core.InputSignal<DiagramType[]>;
+    selectedDiagramType: _angular_core.Signal<DiagramLayouts | undefined>;
+    chartType: _angular_core.Signal<ChartType>;
+    dataSelected: _angular_core.OutputEmitterRef<any>;
+    diagramTypeChanged: _angular_core.OutputEmitterRef<DiagramType>;
+    componentStateChanged: _angular_core.OutputEmitterRef<DiagramComponentState>;
+    chartOptions: _angular_core.WritableSignal<node_modules_chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
+    chartData: _angular_core.WritableSignal<ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown> | undefined>;
+    amountOfData: _angular_core.WritableSignal<number | null | undefined>;
+    shownDiagramTypes: _angular_core.Signal<DiagramLayouts[]>;
+    useFullHeight: _angular_core.Signal<boolean>;
+    private colorRangeInfo;
+    private colorScale;
+    constructor();
+    generateChart(colorScale: any, colorRangeInfo: any): void;
+    generateColors(data: DiagramData[], colorScale: any, colorRangeInfo: any): any;
+    generateTotal(data: DiagramData[]): number;
+    generateDiagramValueString(data: DiagramData[]): string;
+    private diagramTypeToChartType;
+    dataClicked(event: []): void;
+    onDiagramTypeChanged(event: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DiagramComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DiagramComponent, "ocx-diagram", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "sumKey": { "alias": "sumKey"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; "isSignal": true; }; "diagramType": { "alias": "diagramType"; "required": false; "isSignal": true; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; "isSignal": true; }; }, { "diagramType": "diagramTypeChange"; "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
+}
+
+type FilterViewDisplayMode = 'chips' | 'button';
+type FilterViewRowDisplayData = {
+    id: string;
+    column: string;
+    value: unknown;
+};
+type FilterViewRowDetailData = FilterViewRowDisplayData & {
+    valueColumnId: string;
+};
+interface FilterViewComponentState {
+    filters?: Filter$1[];
+}
+declare class FilterViewComponent {
+    ColumnType: typeof ColumnType;
+    FilterType: typeof FilterType;
+    readonly filters: _angular_core.ModelSignal<Filter$1[]>;
+    readonly columns: _angular_core.ModelSignal<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>;
+    readonly tableStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    }>;
+    readonly panelStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    }>;
+    readonly filtered: _angular_core.OutputEmitterRef<Filter$1[]>;
+    readonly componentStateChanged: _angular_core.OutputEmitterRef<FilterViewComponentState>;
+    readonly columnFilterTableColumns: _angular_core.WritableSignal<DataTableColumn[]>;
+    readonly panel: _angular_core.Signal<Popover | undefined>;
+    readonly manageButton: _angular_core.Signal<Button | undefined>;
+    readonly defaultTemplates: _angular_core.Signal<readonly PrimeTemplate[]>;
+    readonly defaultTemplates$: Observable<readonly PrimeTemplate[]>;
+    readonly trigger: _angular_core.WritableSignal<HTMLElement | undefined>;
+    readonly filterViewNoSelection: _angular_core.WritableSignal<TemplateRef<any> | undefined>;
+    readonly filterViewChipContent: _angular_core.WritableSignal<TemplateRef<any> | undefined>;
+    readonly filterViewShowMoreChip: _angular_core.WritableSignal<TemplateRef<any> | undefined>;
+    readonly templates: _angular_core.InputSignal<readonly PrimeTemplate[] | null | undefined>;
+    readonly templates$: Observable<readonly PrimeTemplate[] | null | undefined>;
+    readonly columnFilterDataRows: _angular_core.Signal<FilterViewRowDetailData[]>;
+    chipTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
+    tableTemplates$: Observable<Record<string, TemplateRef<any> | null>> | undefined;
+    private readonly chipIdSuffix;
+    private readonly chipTemplateNames;
+    private readonly chipTemplates;
+    private readonly tableIdSuffix;
+    private readonly tableTemplateNames;
+    private readonly tableTemplates;
+    constructor();
+    getTemplate(column: DataTableColumn, templateNames: Record<ColumnType, Array<string>>, templates: Record<string, Observable<TemplateRef<any> | null>>, idSuffix: Array<string>): Observable<TemplateRef<any> | null>;
+    onResetFilersClick(): void;
+    onChipRemove(filter: Filter$1): void;
+    onFilterDelete(row: Row): void;
+    focusTrigger(): void;
+    showPanel(event: any): void;
+    getColumnForFilter(filter: Filter$1, columns: DataTableColumn[]): DataTableColumn | undefined;
+    getColumn(colId: string, columns: DataTableColumn[]): DataTableColumn | undefined;
+    resolveFieldData(object: any, key: any): any;
+    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>;
+}
+
+type DiagramColumn = {
+    columnType: ColumnType;
+    id: string;
+};
+
+interface GroupByCountDiagramComponentState {
+    activeDiagramType?: DiagramType;
+}
+declare class GroupByCountDiagramComponent {
+    private translateService;
+    sumKey: _angular_core.InputSignal<string>;
+    diagramType: _angular_core.ModelSignal<DiagramType>;
+    /**
+     * This property determines if diagram should generate the colors for the data that does not have any set.
+     *
+     * Setting this property to false will result in using the provided colors only if every data item has one.
+     *  In the scenario where at least one item does not have a color set, diagram will generate all colors.
+     */
+    fillMissingColors: _angular_core.InputSignal<boolean>;
+    supportedDiagramTypes: _angular_core.InputSignal<DiagramType[]>;
+    data: _angular_core.ModelSignal<unknown[]>;
+    allLabelKeys: _angular_core.InputSignal<string[]>;
+    showAllLabels: _angular_core.InputSignal<boolean>;
+    columnType: _angular_core.ModelSignal<ColumnType>;
+    columnField: _angular_core.ModelSignal<string>;
+    column: _angular_core.InputSignal<DiagramColumn | undefined>;
+    fullHeight: _angular_core.InputSignal<boolean>;
+    colors: _angular_core.ModelSignal<Record<string, string>>;
+    dataSelected: _angular_core.OutputEmitterRef<any>;
+    diagramTypeChanged: _angular_core.OutputEmitterRef<DiagramType>;
+    componentStateChanged: _angular_core.OutputEmitterRef<GroupByCountDiagramComponentState>;
+    diagramData$: rxjs.Observable<DiagramData[] | {
+        label: any;
+        value: number;
+        backgroundColor: string | undefined;
+    }[]>;
+    constructor();
+    dataClicked(event: any): void;
+    onDiagramTypeChanged(newDiagramType: DiagramType): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GroupByCountDiagramComponent, never>;
+    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; }; "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[];
+    groupKey: string;
+}
+declare class InteractiveDataViewComponent implements OnInit {
+    private readonly slotService;
+    private readonly destroyRef;
+    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>;
+    viewPermission: _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>;
+    tableSelectionEnabledField: _angular_core.InputSignal<string | undefined>;
+    tableAllowSelectAll: _angular_core.InputSignal<boolean>;
+    name: _angular_core.InputSignal<string>;
+    titleLineId: _angular_core.InputSignal<string | undefined>;
+    subtitleLineIds: _angular_core.InputSignal<string[] | undefined>;
+    supportedViewLayouts: _angular_core.InputSignal<ViewLayout[]>;
+    columns: _angular_core.InputSignal<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>;
+    sortStates: _angular_core.InputSignal<DataSortDirection[]>;
+    pageSizes: _angular_core.InputSignal<number[]>;
+    pageSize: _angular_core.ModelSignal<number | undefined>;
+    totalRecordsOnServer: _angular_core.InputSignal<number | undefined>;
+    layout: _angular_core.ModelSignal<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 paginator(value: boolean);
+    disableFilterView: _angular_core.InputSignal<boolean>;
+    filterViewDisplayMode: _angular_core.InputSignal<FilterViewDisplayMode>;
+    filterViewChipStyleClass: _angular_core.InputSignal<string>;
+    filterViewTableStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    }>;
+    filterViewPanelStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    }>;
+    selectDisplayedChips: _angular_core.InputSignal<(filters: Filter$1[], columns: DataTableColumn[]) => Filter$1[]>;
+    page: _angular_core.ModelSignal<number>;
+    selectedRows: _angular_core.InputSignal<Row[]>;
+    displayedColumnKeys: _angular_core.ModelSignal<string[]>;
+    displayedColumns: Signal<DataTableColumn[]>;
+    frozenActionColumn: _angular_core.ModelSignal<boolean>;
+    actionColumnPosition: _angular_core.ModelSignal<"right" | "left">;
+    headerStyleClass: _angular_core.InputSignal<string | undefined>;
+    contentStyleClass: _angular_core.InputSignal<string | undefined>;
+    childTableCell: Signal<TemplateRef<any> | undefined>;
+    primeNgTableCell: Signal<TemplateRef<any> | undefined>;
+    _tableCell: Signal<TemplateRef<any> | undefined>;
+    childDateTableCell: Signal<TemplateRef<any> | undefined>;
+    primeNgDateTableCell: Signal<TemplateRef<any> | undefined>;
+    _dateTableCell: Signal<TemplateRef<any> | undefined>;
+    childRelativeDateTableCell: Signal<TemplateRef<any> | undefined>;
+    primeNgRelativeDateTableCell: Signal<TemplateRef<any> | undefined>;
+    _relativeDateTableCell: Signal<TemplateRef<any> | undefined>;
+    childTranslationKeyTableCell: Signal<TemplateRef<any> | undefined>;
+    primeNgTranslationKeyTableCell: Signal<TemplateRef<any> | undefined>;
+    _translationKeyTableCell: Signal<TemplateRef<any> | undefined>;
+    childGridItemSubtitleLines: Signal<TemplateRef<any> | undefined>;
+    primeNgGridItemSubtitleLines: Signal<TemplateRef<any> | undefined>;
+    _gridItemSubtitleLines: Signal<TemplateRef<any> | undefined>;
+    childListItemSubtitleLines: Signal<TemplateRef<any> | undefined>;
+    primeNgListItemSubtitleLines: Signal<TemplateRef<any> | undefined>;
+    _listItemSubtitleLines: Signal<TemplateRef<any> | undefined>;
+    childStringTableCell: Signal<TemplateRef<any> | undefined>;
+    primeNgStringTableCell: Signal<TemplateRef<any> | undefined>;
+    _stringTableCell: Signal<TemplateRef<any> | undefined>;
+    childNumberTableCell: Signal<TemplateRef<any> | undefined>;
+    primeNgNumberTableCell: Signal<TemplateRef<any> | undefined>;
+    _numberTableCell: Signal<TemplateRef<any> | undefined>;
+    childGridItem: Signal<TemplateRef<any> | undefined>;
+    primeNgGridItem: Signal<TemplateRef<any> | undefined>;
+    _gridItem: Signal<TemplateRef<any> | undefined>;
+    childListItem: Signal<TemplateRef<any> | undefined>;
+    primeNgListItem: Signal<TemplateRef<any> | undefined>;
+    _listItem: Signal<TemplateRef<any> | undefined>;
+    childTopCenter: Signal<TemplateRef<any> | undefined>;
+    primeNgTopCenter: Signal<TemplateRef<any> | undefined>;
+    _topCenter: Signal<TemplateRef<any> | undefined>;
+    childListValue: Signal<TemplateRef<any> | undefined>;
+    primeNgListValue: Signal<TemplateRef<any> | undefined>;
+    _listValue: Signal<TemplateRef<any> | undefined>;
+    childTranslationKeyListValue: Signal<TemplateRef<any> | undefined>;
+    primeNgTranslationKeyListValue: Signal<TemplateRef<any> | undefined>;
+    _translationKeyListValue: Signal<TemplateRef<any> | undefined>;
+    childNumberListValue: Signal<TemplateRef<any> | undefined>;
+    primeNgNumberListValue: Signal<TemplateRef<any> | undefined>;
+    _numberListValue: Signal<TemplateRef<any> | undefined>;
+    childRelativeDateListValue: Signal<TemplateRef<any> | undefined>;
+    primeNgRelativeDateListValue: Signal<TemplateRef<any> | undefined>;
+    _relativeDateListValue: Signal<TemplateRef<any> | undefined>;
+    childStringListValue: Signal<TemplateRef<any> | undefined>;
+    primeNgStringListValue: Signal<TemplateRef<any> | undefined>;
+    _stringListValue: Signal<TemplateRef<any> | undefined>;
+    childDateListValue: Signal<TemplateRef<any> | undefined>;
+    primeNgDateListValue: Signal<TemplateRef<any> | undefined>;
+    _dateListValue: Signal<TemplateRef<any> | undefined>;
+    childTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    primeNgTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    _tableFilterCell: Signal<TemplateRef<any> | undefined>;
+    childDateTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    primeNgDateTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    _dateTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    childRelativeDateTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    primeNgRelativeDateTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    _relativeDateTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    childTranslationKeyTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    primeNgTranslationKeyTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    _translationKeyTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    childStringTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    primeNgStringTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    _stringTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    childNumberTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    primeNgNumberTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    _numberTableFilterCell: Signal<TemplateRef<any> | undefined>;
+    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>;
+    selectionChanged: _onecx_angular_accelerator.ObservableOutputEmitterRef<Row[]>;
+    dataViewLayoutChange: _angular_core.OutputEmitterRef<"table" | "grid" | "list">;
+    displayedColumnKeysChange: _angular_core.OutputEmitterRef<string[]>;
+    pageChanged: _angular_core.OutputEmitterRef<number>;
+    pageSizeChanged: _angular_core.OutputEmitterRef<number>;
+    componentStateChanged: _angular_core.OutputEmitterRef<InteractiveDataViewComponentState>;
+    selectedGroupKey: _angular_core.WritableSignal<string | undefined>;
+    data: _angular_core.InputSignal<RowListGridData[]>;
+    readonly columnGroupSlotName = "onecx-column-group-selection";
+    isColumnGroupSelectionComponentDefined$: Observable<boolean>;
+    isColumnGroupSelectionComponentDefined: Signal<boolean | undefined>;
+    groupSelectionChangedSlotEmitter: _angular_core.OutputEmitterRef<ColumnGroupData | undefined>;
+    readonly slotGroupSelectionChangeListener: EventEmitter<ColumnGroupData | undefined>;
+    constructor();
+    /**
+     * Triggers the group selection changed logic. This method should be called
+     * when the column group selection changes, either from the UI or programmatically.
+     * It updates the displayed columns, selected group key, and emits the change event.
+     *
+     * @param event The column group data, or undefined to use current state
+     */
+    triggerGroupSelectionChanged(event: ColumnGroupData | undefined): void;
+    ngOnInit(): void;
+    filtering(event: any): void;
+    sorting(event: any): void;
+    onDeleteElement(element: RowListGridData): void;
+    onViewElement(element: RowListGridData): void;
+    onEditElement(element: RowListGridData): void;
+    onDataViewLayoutChange(layout: ViewLayout): void;
+    onSortChange($event: any): void;
+    onSortDirectionChange($event: any): void;
+    onColumnGroupSelectionChange(event: GroupSelectionChangedEvent): void;
+    registerEventListenerForDataView(): void;
+    onColumnSelectionChange(event: ColumnSelectionChangedEvent): void;
+    onActionColumnConfigChange(event: ActionColumnChangedEvent): void;
+    onRowSelectionChange(event: Row[]): void;
+    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; }; "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"; "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnKeysChange": "displayedColumnKeysChange"; "pageChanged": "pageChanged"; "pageSizeChanged": "pageSizeChanged"; "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 {
+    id: string;
+    title: string;
+    details?: string;
+}
+declare class LifecycleComponent {
+    steps: _angular_core.InputSignal<LifecycleStep[]>;
+    activeStepId: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LifecycleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LifecycleComponent, "ocx-lifecycle", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeStepId": { "alias": "activeStepId"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+
+/**
+ * Payload emitted by {@link ConsentComponent.consentChanged}.
+ *
+ * Notes for GDPR/ePrivacy implementations:
+ * - `hasConsent=true` indicates that the user has explicitly opted in for the given `url` (and optional `purpose`).
+ * - `hasConsent=false` indicates that the previously stored consent was withdrawn via {@link ConsentComponent.resetConsent}.
+ * - `purpose` is echoed back so consumers can handle multiple consent purposes (e.g. `maps`, `analytics`).
+ */
+type ConsentChangedEvent = {
+    url: string;
+    hasConsent: boolean;
+    purpose?: string;
+};
+declare class ConsentComponent {
+    protected readonly titleId: string;
+    protected readonly messageId: string;
+    /**
+     * Target URL that the gated content will contact (e.g. the tile server URL).
+     * Used for display and for consent matching.
+     */
+    url: _angular_core.InputSignal<string>;
+    /**
+     * Optional purpose scope for consent (e.g. `maps`, `analytics`).
+     * When set, consent is stored and matched as `<url>::<purpose>`.
+     */
+    purpose: _angular_core.InputSignal<string | undefined>;
+    /** Translation key for the consent dialog title. */
+    titleKey: _angular_core.InputSignal<string>;
+    /** Translation key for the consent dialog message (receives `{ url }`). */
+    messageKey: _angular_core.InputSignal<string>;
+    /** Translation key for the agree button. */
+    agreeKey: _angular_core.InputSignal<string>;
+    /** Translation key for the withdraw button. */
+    withdrawKey: _angular_core.InputSignal<string>;
+    /**
+     * When enabled, shows a withdraw button that removes the stored consent.
+     * This helps meeting the requirement that withdrawal should be as easy as opt-in.
+     */
+    showWithdraw: _angular_core.InputSignal<boolean>;
+    /**
+     * Emits whenever consent is granted or withdrawn.
+     * Consumers should only render/initialize third-party code after receiving `hasConsent=true`.
+     */
+    consentChanged: _angular_core.OutputEmitterRef<ConsentChangedEvent>;
+    localStorageUpdatedTimestamp: _angular_core.WritableSignal<number>;
+    protected normalizedUrl: _angular_core.Signal<string>;
+    protected hasConsent: _angular_core.Signal<boolean>;
+    protected giveConsent(): void;
+    protected resetConsent(): void;
+    private safeJsonParse;
+    private readConsents;
+    private writeConsents;
+    private hasStoredConsent;
+    private toStorageEntry;
+    private fromStorageEntry;
+    private normalizeUrl;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConsentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConsentComponent, "ocx-consent", never, { "url": { "alias": "url"; "required": true; "isSignal": true; }; "purpose": { "alias": "purpose"; "required": false; "isSignal": true; }; "titleKey": { "alias": "titleKey"; "required": false; "isSignal": true; }; "messageKey": { "alias": "messageKey"; "required": false; "isSignal": true; }; "agreeKey": { "alias": "agreeKey"; "required": false; "isSignal": true; }; "withdrawKey": { "alias": "withdrawKey"; "required": false; "isSignal": true; }; "showWithdraw": { "alias": "showWithdraw"; "required": false; "isSignal": true; }; }, { "consentChanged": "consentChanged"; }, never, ["*", "[ocx-consent-info]"], false, never>;
+}
+
+interface BreadCrumbMenuItem {
+    labelKey?: string;
+    icon?: string;
+    command?: (event?: any) => void;
+    url?: string;
+    items?: MenuItem[];
+    expanded?: boolean;
+    disabled?: boolean;
+    visible?: boolean;
+    target?: string;
+    escape?: boolean;
+    routerLinkActiveOptions?: any;
+    separator?: boolean;
+    badge?: string;
+    tooltip?: string;
+    tooltipPosition?: string;
+    badgeStyleClass?: string;
+    style?: any;
+    styleClass?: string;
+    titleKey?: string;
+    id?: string;
+    automationId?: any;
+    tabindex?: string;
+    routerLink?: any;
+    queryParams?: {
+        [k: string]: any;
+    };
+    fragment?: string;
+    queryParamsHandling?: QueryParamsHandling;
+    preserveFragment?: boolean;
+    skipLocationChange?: boolean;
+    replaceUrl?: boolean;
+    iconStyle?: any;
+    iconClass?: string;
+    state?: {
+        [k: string]: any;
+    };
+    tooltipOptions?: {
+        tooltipLabel?: string;
+        tooltipPosition?: 'right' | 'left' | 'top' | 'bottom';
+        tooltipEvent?: 'hover' | 'focus';
+        appendTo?: any;
+        positionStyle?: string;
+        tooltipStyleClass?: string;
+        tooltipZIndex?: string;
+        escape?: boolean;
+        disabled?: boolean;
+        positionTop?: number;
+        positionLeft?: number;
+        showDelay?: number;
+        hideDelay?: number;
+        life?: number;
+    };
+}
+
+declare class BreadcrumbService implements OnDestroy {
+    private readonly router;
+    private readonly activeRoute;
+    private readonly translateService;
+    private _itemSource$;
+    private get itemsSource$();
+    private set itemsSource$(value);
+    generatedItemsSource: BehaviorSubject<MenuItem[]>;
+    _itemsHandler: Observable<MenuItem[]> | undefined;
+    get itemsHandler(): Observable<MenuItem[]>;
+    constructor();
+    ngOnDestroy(): void;
+    private generateBreadcrumbs;
+    private addBreadcrumb;
+    private createBreadcrumb;
+    private getLabel;
+    setItems(items: BreadCrumbMenuItem[]): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BreadcrumbService>;
+}
+
+/**
+ * Object containing key for translation with parameters object for translation
+ *
+ * @example
+ * ## Assume such translation is in the translation file
+ * ```typescript
+ * const translations = {
+ *   MY_KEY = 'text with parameter value = {{value}}',
+ * }
+ * ```
+ *
+ * ## TranslationKeyWithParameters declaration
+ * ```
+ * // will be translated into
+ * // text with parameter value = hello
+ * const myKey: TranslationKeyWithParameters = {
+ *   key: 'MY_KEY',
+ *   parameters: {
+ *     value: 'hello',
+ *   },
+ * }
+ * ```
+ */
+type TranslationKeyWithParameters = {
+    key: string;
+    parameters?: Record<string, unknown>;
+};
+/**
+ * String with key to translation or {@link TranslationKeyWithParameters} object. If provided string cannot be translated it will be displayed as is.
+ */
+type TranslationKey = string | TranslationKeyWithParameters;
+
+/**
+ * Action definition.
+ */
+interface Action {
+    id?: string;
+    label?: string;
+    labelKey?: string;
+    icon?: string;
+    iconPos?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * Permission for this action. If the current user does not have this permission, the action will not be shown.
+     */
+    permission?: string;
+    title?: string;
+    titleKey?: string;
+    ariaLabel?: string;
+    ariaLabelKey?: string;
+    btnClass?: string;
+    actionCallback(): void;
+    routerLink?: RouterLink;
+    loading?: boolean;
+    disabled?: boolean;
+    disabledTooltip?: string;
+    disabledTooltipKey?: string;
+    show?: 'always' | 'asOverflow';
+    conditional?: boolean;
+    showCondition?: boolean;
+}
+interface ObjectDetailItem {
+    label: string;
+    value?: string;
+    icon?: PrimeIcon;
+    iconStyleClass?: string;
+    labelPipe?: Type<any>;
+    valuePipe?: Type<any>;
+    valuePipeArgs?: string;
+    valueCssClass?: string;
+    actionItemIcon?: PrimeIcon;
+    actionItemCallback?: () => void;
+    actionItemAriaLabel?: string;
+    actionItemAriaLabelKey?: TranslationKey;
+    actionItemTooltipKey?: TranslationKey;
+    labelTooltipKey?: TranslationKey;
+    valueTooltipKey?: TranslationKey;
+}
+interface HomeItem {
+    menuItem: MenuItem;
+    page?: string;
+}
+type GridColumnOptions = 1 | 2 | 3 | 4 | 6 | 12;
+declare class PageHeaderComponent implements OnInit {
+    private readonly translateService;
+    private readonly appStateService;
+    private readonly userService;
+    private readonly router;
+    private readonly hasPermissionChecker;
+    protected readonly breadcrumbs: BreadcrumbService;
+    header: _angular_core.InputSignal<string | undefined>;
+    loading: _angular_core.InputSignal<boolean>;
+    figureBackground: _angular_core.InputSignal<boolean>;
+    showFigure: _angular_core.InputSignal<boolean>;
+    figureImage: _angular_core.InputSignal<string | undefined>;
+    disableDefaultActions: _angular_core.InputSignal<boolean>;
+    subheader: _angular_core.InputSignal<string | undefined>;
+    actions: _angular_core.ModelSignal<Action[]>;
+    objectDetails: _angular_core.InputSignal<ObjectDetailItem[] | undefined>;
+    showBreadcrumbs: _angular_core.InputSignal<boolean>;
+    manualBreadcrumbs: _angular_core.InputSignal<boolean>;
+    enableGridView: _angular_core.InputSignal<boolean | undefined>;
+    gridLayoutDesktopColumns: _angular_core.InputSignal<GridColumnOptions | undefined>;
+    save: _angular_core.OutputEmitterRef<void>;
+    _additionalToolbarContent: _angular_core.Signal<TemplateRef<any> | undefined>;
+    _additionalToolbarContentLeft: _angular_core.Signal<TemplateRef<any> | undefined>;
+    overflowActions$: Observable<MenuItem[]>;
+    inlineActions$: Observable<Action[]>;
+    breadcrumbs$: Observable<MenuItem[]>;
+    home$: Observable<HomeItem>;
+    figureImageLoadError: _angular_core.WritableSignal<boolean>;
+    objectPanelGridLayoutClasses: _angular_core.WritableSignal<string>;
+    objectPanelColumnLayoutClasses: _angular_core.WritableSignal<string>;
+    objectPanelDefaultLayoutClasses: _angular_core.WritableSignal<string>;
+    objectPanelLayoutClasses: _angular_core.Signal<string>;
+    objectInfoGridLayoutClasses: _angular_core.WritableSignal<string>;
+    objectInfoColumnLayoutClasses: _angular_core.WritableSignal<string>;
+    objectInfoDefaultLayoutClasses: _angular_core.WritableSignal<string>;
+    objectInfoLayoutClasses: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    onAction(action: string): void;
+    handleImageError(): void;
+    generateItemStyle(item: ObjectDetailItem): string;
+    private filterInlineActions;
+    private filterOverflowActions;
+    private filterActionsBasedOnPermissions;
+    private getActionTranslationKeys;
+    private mapOverflowActionsToMenuItems;
+    onActionClick(action: Action): Promise<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "ocx-page-header", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "figureBackground": { "alias": "figureBackground"; "required": false; "isSignal": true; }; "showFigure": { "alias": "showFigure"; "required": false; "isSignal": true; }; "figureImage": { "alias": "figureImage"; "required": false; "isSignal": true; }; "disableDefaultActions": { "alias": "disableDefaultActions"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "objectDetails": { "alias": "objectDetails"; "required": false; "isSignal": true; }; "showBreadcrumbs": { "alias": "showBreadcrumbs"; "required": false; "isSignal": true; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; "isSignal": true; }; "enableGridView": { "alias": "enableGridView"; "required": false; "isSignal": true; }; "gridLayoutDesktopColumns": { "alias": "gridLayoutDesktopColumns"; "required": false; "isSignal": true; }; }, { "actions": "actionsChange"; "save": "save"; }, ["_additionalToolbarContent", "_additionalToolbarContentLeft"], ["[figureImage]", "[toolbarItems]", "*"], false, never>;
+}
+
+interface SearchHeaderComponentState {
+    activeViewMode?: 'basic' | 'advanced';
+    selectedSearchConfig?: string | null;
+}
+interface SearchConfigData {
+    name: string | undefined;
+    fieldValues: {
+        [key: string]: string;
+    };
+    displayedColumnsIds: string[];
+    viewMode: 'basic' | 'advanced';
+}
+/**
+ * To trigger the search when Enter key is pressed inside a search parameter field,
+ * an EventListener for keyup enter event is added for HTML elements which have an input.
+ * Please add the EventListener yourself manually, if you want to have that functionality for some other elements
+ * which do not have an input element.
+ */
+declare class SearchHeaderComponent {
+    header: _angular_core.InputSignal<string>;
+    subheader: _angular_core.InputSignal<string | undefined>;
+    viewMode: _angular_core.ModelSignal<"basic" | "advanced">;
+    manualBreadcrumbs: _angular_core.InputSignal<boolean>;
+    actions: _angular_core.InputSignal<Action[]>;
+    searchConfigPermission: _angular_core.InputSignal<PermissionInput>;
+    searchButtonDisabled: _angular_core.InputSignal<boolean>;
+    resetButtonDisabled: _angular_core.InputSignal<boolean>;
+    pageName: _angular_core.InputSignal<string | undefined>;
+    searched: _angular_core.OutputEmitterRef<void>;
+    resetted: _onecx_angular_accelerator.ObservableOutputEmitterRef<void>;
+    selectedSearchConfigChanged: _onecx_angular_accelerator.ObservableOutputEmitterRef<SearchConfigData | undefined>;
+    viewModeChanged: _angular_core.OutputEmitterRef<"basic" | "advanced">;
+    componentStateChanged: _angular_core.OutputEmitterRef<SearchHeaderComponentState>;
+    _additionalToolbarContent: Signal<TemplateRef<any> | undefined>;
+    _additionalToolbarContentLeft: Signal<TemplateRef<any> | undefined>;
+    get searchConfigChangeObserved(): Signal<boolean>;
+    formGroup: Signal<FormGroup<any> | undefined>;
+    visibleFormControls: Signal<readonly FormControlName[]>;
+    searchParameterFields: Signal<ElementRef<any> | undefined>;
+    hasAdvanced: _angular_core.WritableSignal<boolean>;
+    simpleAdvancedAction: _angular_core.WritableSignal<Action>;
+    headerActions: _angular_core.WritableSignal<Action[]>;
+    searchButtonsReversed$: Observable<boolean | null>;
+    fieldValues$: Observable<{
+        [key: string]: unknown;
+    }> | undefined;
+    searchConfigChangedSlotEmitter: EventEmitter<SearchConfigData | undefined>;
+    constructor();
+    toggleViewMode(): void;
+    onResetClicked(): void;
+    onSearchClicked(): void;
+    updateHeaderActions(): void;
+    addKeyUpEventListener(): void;
+    onSearchKeyup(event: any): void;
+    private isVisible;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; "isSignal": true; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; "isSignal": true; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; "isSignal": true; }; "pageName": { "alias": "pageName"; "required": false; "isSignal": true; }; }, { "viewMode": "viewModeChange"; "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; "componentStateChanged": "componentStateChanged"; }, ["_additionalToolbarContent", "_additionalToolbarContentLeft", "formGroup", "visibleFormControls"], ["*"], false, never>;
+}
+
+declare class DialogMessageContentComponent {
+    message: string;
+    messageParameters: object;
+    icon: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogMessageContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogMessageContentComponent, "ng-component", never, { "message": { "alias": "message"; "required": false; }; "messageParameters": { "alias": "messageParameters"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class LoadingIndicatorComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingIndicatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadingIndicatorComponent, "ocx-loading-indicator", never, {}, {}, never, never, false, never>;
+}
+
+/**
+ * Object containing message of type {@link TranslationKey} and icon to be displayed along the message.
+ *
+ * @example
+ * DialogMessage with TranslationKey will display 'text with parameter value = hello' and question mark icon
+ *
+ * ## Assume such translation is in the translation file
+ * ```
+ * const translations = {
+ *   MY_KEY = 'text with parameter value = {{value}}',
+ * }
+ * ```
+ *
+ * ## DialogMessage declaration
+ * ```
+ * const myDialogMessage: DialogMessage = {
+ *   message: {
+ *     key: 'MY_KEY',
+ *     parameters: {
+ *       value = 'hello',
+ *     },
+ *   },
+ *   icon: PrimeIcons.QUESTION
+ * }
+ * ```
+ */
+type DialogMessage = {
+    message: TranslationKey;
+    icon: PrimeIcon;
+};
+/**
+ * Implement via component class to be displayed by {@link PortalDialogService.openDialog}
+ *
+ * Use if you want {@link PortalDialogService.openDialog} to return state of displayed component's current dialogResult value alongside the clicked button.
+ *
+ * @example
+ * Display component implementing DialogResult<string> and react on the returned value
+ *
+ * ## Component declaration
+ * ```
+ * ⁣@Component({template: `<div>
+ * <input (change)="onInputChange($event)">
+ * </div>`})
+ * export class MyInputComponent implements DialogResult<string> {
+ *   dialogResult: string = ''
+ *
+ *   onInputChange(event: any) {
+ *     this.dialogResult = event.target.value
+ *   }
+ * }
+ * ```
+ *
+ * ## PortalDialogService call
+ * ```
+ * portalDialogService.openDialog(title, { type: MyInputComponent }, primaryButton, ...).subscribe((result: DialogState<string>) => {
+ * // result.value === MyInputComponent.dialogResult (during button click)
+ * // behavior when dialog closes
+ * })
+ * ```
+ *
+ */
+interface DialogResult<T> {
+    dialogResult: T;
+}
+/**
+ * Implement via component class to be displayed by {@link PortalDialogService.openDialog}
+ *
+ * Use to control the state of the primary button (disabled or enabled). Whenever your component wants to disable/enable primary button it should emit boolean equal to whether primary button should be enabled.
+ *
+ * If you implement this interface then primary button will be disabled until the emitter emits true
+ */
+interface DialogPrimaryButtonDisabled {
+    primaryButtonEnabled: Subject<boolean>;
+}
+/**
+ * Implement via component class to be displayed by {@link PortalDialogService.openDialog}
+ *
+ * Use to control the state of the secondary button (disabled or enabled). Whenever your component wants to disable/enable secondary button it should emit boolean equal to whether secondary button should be enabled.
+ *
+ * If you implement this interface then secondary button will be disabled until the emitter emits true
+ */
+interface DialogSecondaryButtonDisabled {
+    secondaryButtonEnabled: Subject<boolean>;
+}
+/**
+ * Implement via component class to be displayed by {@link PortalDialogService.openDialog}
+ *
+ * Use to control the state of custom buttons (disabled or enabled). Whenever your component wants to disable/enable any custom button it should emit an object indicating which button should be disabled/enabled. This object should contain id property (string) related to previously defined button and enabled property (boolean) equal to whether custom button should be enabled.
+ *
+ * If you implement this interface then all custom buttons will be disabled until the emitter emits true
+ */
+interface DialogCustomButtonsDisabled {
+    customButtonEnabled: Subject<{
+        id: string;
+        enabled: boolean;
+    }>;
+}
+/**
+ * Implement via component class to be displayed by {@link PortalDialogService.openDialog}
+ *
+ * Use to add behavior on button clicks. {@link DialogButtonClicked.ocxDialogButtonClicked} method will be called everytime any button is clicked and should return boolean value (or Observable<boolean> or Promise<boolean>) equal to whether dialog should be closed or not.
+ *
+ * {@link DialogButtonClicked.ocxDialogButtonClicked} will recieve object containing component's state captured on button click. It will have button property with value 'primary' or 'secondary' which determines which button was clicked.
+ *
+ * It will also have result property which by default will be undefined, however if you want to add any properties to the state please combine this interface with {@link DialogResult}. That way result will be equal to component's dialogResult property captured on button click.
+ *
+ * @example
+ * Display component implementing DialogResult<string> and DialogButtonClicked which should not close dialog on clear click but should close when send clicked and api call was sucessful
+ *
+ * ## Component declaration
+ * ```
+ * ⁣@Component({template: `<div>
+ * <input (change)="onInputChange($event)">
+ * </div>`})
+ * export class MyInputComponent implements DialogResult<string>, DialogButtonClicked {
+ *   dialogResult: string = ''
+ *
+ *   onInputChange(event: any) {
+ *     this.dialogResult = event.target.value
+ *   }
+ *
+ *   ocxDialogButtonClicked(state: DialogState<string>) {
+ *     // here you can do any operations you desire
+ *     // such as form validation
+ *     // api calls and so on
+ *     if (state.button === 'primary') {
+ *       // send form data to server
+ *       this.apiService.postInput(state.result, ...).pipe(
+ *         // map response to boolean meaning if call was successfull
+ *       )
+ *       return true // if dialog should be closed return true
+ *     } else {
+ *       // clear input
+ *       return false // don't want to close the dialog, only to clear it
+ *     }
+ *   }
+ * }
+ * ```
+ *
+ * ## PortalDialogService call
+ * ```
+ * portalDialogService.openDialog(title, { type: MyInputComponent }, "Send", "Clear").subscribe((result: DialogState<string>) => {
+ * // behavior to be fired when dialog closes
+ * })
+ * ```
+ */
+interface DialogButtonClicked<T = unknown> {
+    ocxDialogButtonClicked(state: DialogState<T>): Observable<boolean> | Promise<boolean> | boolean | undefined | void;
+}
+/**
+ * Object containing component type to be displayed and inputs to populate the component.
+ *
+ * @example
+ *
+ * ```
+ * ⁣@Component({template: `<h1>{{content}}</h1>`})
+ * export class MyComponent {
+ *   ⁣@Input() content: string = ''
+ * }
+ * const myComponent = {
+ *   type: MyComponent,
+ *   inputs: {
+ *     content: 'My header content',
+ *   },
+ * }
+ * ```
+ */
+type Component<T extends unknown> = unknown extends T ? {
+    type: Type<any>;
+    inputs?: Record<string, unknown>;
+} : {
+    type: Type<DialogResult<T>>;
+    inputs?: Record<string, unknown>;
+};
+type DialogButton = 'primary' | 'secondary' | 'custom';
+type DialogStateButtonClicked = 'primary' | 'secondary' | 'custom';
+/**
+ * Object containing information about clicked button ('primary' or 'secondary') and displayed component state captured on button click (only if component implements {@link DialogResult} interface)
+ */
+type DialogState<T> = {
+    button: DialogStateButtonClicked;
+    result: T | undefined;
+    id?: string;
+};
+type PortalDialogConfig = {
+    showXButton?: boolean;
+    customButtons?: ButtonDialogCustomButtonDetails[];
+    autoFocusButton?: DialogButton;
+    autoFocusButtonCustomId?: string;
+    ariaLabelledBy?: string;
+    width?: string;
+    height?: string;
+    closeOnEscape?: boolean;
+    focusOnShow?: boolean;
+    focusTrap?: boolean;
+    baseZIndex?: number;
+    autoZIndex?: boolean;
+    dismissableMask?: boolean;
+    showHeader?: boolean;
+    modal?: boolean;
+    resizable?: boolean;
+    draggable?: boolean;
+    keepInViewport?: boolean;
+    minX?: number;
+    minY?: number;
+    maximizable?: boolean;
+    maximizeIcon?: string;
+    minimizeIcon?: string;
+    position?: string;
+    closeAriaLabel?: string;
+};
+interface PortalDialogServiceData {
+    primaryButtonEnabled$: Subject<boolean>;
+    secondaryButtonEnabled$: Subject<boolean>;
+    customButtonEnabled$: Subject<{
+        id: string;
+        enabled: boolean;
+    }>;
+    buttonClicked$: Subject<DialogState<unknown>>;
+}
+declare class PortalDialogService implements OnDestroy {
+    private dialogService;
+    private translateService;
+    private router;
+    private readonly logger;
+    private _eventsTopic$;
+    get eventsTopic(): EventsTopic;
+    set eventsTopic(source: EventsTopic);
+    private skipStyleScoping;
+    private remoteComponentConfig;
+    private appStateService;
+    private capabilityService;
+    constructor();
+    ngOnDestroy(): void;
+    /**
+     * Opens dialog with a component or message to display and one or two buttons. This method allows you to customize the dialog using parameters and by implementic specific interfaces via component to be displayed. The dialog is only shown if if you subscribe to this function.
+     *
+     * Displaying component inisde the dialog can be achieved by providing the component class with optional inputs. By default the component will be shown without any interaction with the dialog, however you can implement the following interfaces by your component class to allow for some interactions:
+     * - {@link DialogResult} - dialog state will contain dialogResult property
+     *
+     * - {@link DialogButtonClicked} - on button click ocxDialogButtonClicked function will be called with dialog state as a parameter. You should return true if you want dialog to be close or false if not and add any operations on your component.
+     *
+     * - {@link DialogPrimaryButtonDisabled} - dialog will use the Subject to determine if the primary button should be disabled
+     *
+     * - {@link DialogSecondaryButtonDisabled} - dialog will use the Subject to determine if the secondary button should be disabled
+     *
+     * - {@link DialogCustomButtonsDisabled} - dialog will use the Subject to determine if the custom buttons should be disabled
+     *
+     * @param title Translation key for dialog title
+     * @param componentOrMessage Either a component or a translation key of a message with optional parameters and icon to be displayed next to the message
+     * @param primaryButtonTranslationKeyOrDetails Translation key with optional parameters and icon to be displayed next to the text of the button
+     * @param secondaryButtonTranslationKeyOrDetails Translation key with optional parameters and icon to be displayed next to the text of the button
+     * @param extras Configuration object allowing for customization of the dialog behavior and visual aspects
+     * @returns Observable containing dialog state on close
+     *
+     *
+     * @example
+     * Display dialog with message and two buttons using translation keys
+     *
+     * ```
+     * // assume 'TITLE_KEY', 'WELCOME_MESSAGE', 'OK_BUTTON' and 'REFRESH_BUTTON' are translation keys
+     * this.portalDialogService.openDialog('TITLE_KEY', 'WELCOME_MESSAGE', 'OK_BUTTON', 'REFRESH_BUTTON').subscribe((stateOnClose) => {
+     *   // operations when dialog has been closed
+     * })
+     * ```
+     *
+     * @example
+     * Display dialog message with icon and single button
+     *
+     * ```
+     * // Welcome message with question mark icon
+     * const dialogMessage = {
+     *   key: 'WELCOME_MESSAGE',
+     *   icon: PrimeIcons.QUESTION
+     * }
+     * this.portalDialogService.openDialog('TITLE_KEY', dialogMessage, 'OK_BUTTON').subscribe((stateOnClose) => {
+     *   // operations when dialog has been closed
+     * })
+     * ```
+     *
+     * @example
+     * Display dialog message with two customized buttons
+     *
+     * ```
+     * // Ok button with check icon
+     * const primaryButton = {
+     *   key: 'OK_BUTTON',
+     *   icon: PrimeIcons.CHECK
+     *   tooltipKey: 'OK_TOOLTIP',
+     *   tooltipPosition: 'bottom'
+     * }
+     *
+     * // Refresh button with refresh icon
+     * const secondaryButton = {
+     *   key: 'REFRESH_BUTTON',
+     *   icon: PrimeIcons.REFRESH
+     *   tooltipKey: 'REFRESH_TOOLTIP',
+     *   tooltipPosition: 'right'
+     * }
+     *
+     * this.portalDialogService.openDialog('TITLE_KEY', 'WELCOME_MESSAGE', primaryButton, secondaryButton).subscribe((stateOnClose) => {
+     *   // operations when dialog has been closed
+     * })
+     * ```
+     *
+     * @example
+     * Display dialog message without X button in top right corner
+     *
+     * ```
+     * this.portalDialogService.openDialog('TITLE_KEY', 'WELCOME_MESSAGE', 'OK_BUTTON', 'REFRESH_BUTTON', false).subscribe((stateOnClose) => {
+     *   // operations when dialog has been closed
+     * })
+     * ```
+     *
+     * @example
+     * React on dialog closing
+     *
+     * ```
+     * this.portalDialogService.openDialog('TITLE_KEY', 'WELCOME_MESSAGE', 'OK_BUTTON', 'REFRESH_BUTTON').subscribe((stateOnClose) => {
+     *   // operations when dialog has been closed
+     * })
+     * ```
+     *
+     * @example
+     * Display dialog with component
+     *
+     * ## Component declaration
+     * ```
+     * ⁣@Component({template: `<div>
+     * <h1>{{header | translate}}</h1>
+     * <input (change)="onInputChange($event)">
+     * </div>`})
+     * export class MyInputComponent implements DialogResult<string>,  DialogButtonClicked, DialogPrimaryButtonDisabled, DialogSecondaryButtonDisabled {
+     *   ⁣@Input() header: string = ''
+     *   // change value to manipulate component state visible by dialog
+     *   dialogResult: string = ''
+     *   // emit true/false to disable primary button
+     *   ⁣@Output() primaryButtonEnabled: Subject<boolean> = new Subject()
+     *   // emit true/false to disable secondary button
+     *   ⁣@Output() secondaryButtonEnabled: Subject<boolean> = new Subject()
+     *
+     *   // implement operations to be done on button clicks and return if the dialog should be closed
+     *   ocxDialogButtonClicked(state: DialogState<string>) {
+     *     return true
+     *   }
+     *
+     *   onInputChange(event: any) {
+     *     this.dialogResult = event.target.value
+     *   }
+     * }
+     * ```
+     *
+     * ## PortalDialogService call
+     * ```
+     * const myComponent = {
+     *   type: MyInputComponent,
+     *   inputs: {
+     *     header: 'DIALOG_HEADER'
+     *   }
+     * }
+     * this.portalDialogService.openDialog('TITLE_KEY', myComponent, 'OK_BUTTON', 'REFRESH_BUTTON').subscribe((stateOnClose) => {
+     *   // operations when dialog has been closed
+     * })
+     * ```
+     *
+     * @example
+     * Display dialog with component without passing inputs
+     *
+     * ## PortalDialogService call
+     * ```
+     * this.portalDialogService.openDialog('TITLE_KEY', MyInputComponent, 'OK_BUTTON', 'REFRESH_BUTTON').subscribe((stateOnClose) => {
+     *   // operations when dialog has been closed
+     * })
+     * ```
+     */
+    openDialog<T>(title: TranslationKey | null, componentOrMessage: Type<any> | Type<DialogResult<T>> | Component<T> | TranslationKey | DialogMessage, primaryButtonTranslationKeyOrDetails: TranslationKey | ButtonDialogButtonDetails, secondaryButtonTranslationKeyOrDetails?: TranslationKey | ButtonDialogButtonDetails, extras?: PortalDialogConfig): Observable<DialogState<T> | null>;
+    private cleanupAndCloseDialog;
+    private removeDialogFromHtml;
+    private setScopeIdentifier;
+    private findDialogComponentBodyChild;
+    private findBodyChild;
+    private prepareTitleForTranslation;
+    private buttonDetailsOrTranslationKey;
+    private getComponentToRender;
+    private isTranslationKey;
+    private isString;
+    private isDialogMessage;
+    private isType;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PortalDialogService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PortalDialogService>;
+}
+declare function providePortalDialogService(): (typeof PortalDialogService | typeof DialogService)[];
+
+/**
+ * Object describing details for button rendering containing key for translation, optional icon and optional parameters for translation
+ *
+ * @example
+ * "Cancel meeting" button with X icon
+ * ```
+ * // assume such translation is in the translation file
+ * const translations = {
+ *   MY_KEY = 'Cancel {{value}}'
+ * }
+ * const buttonDetails: ButtonDialogButtonDetails = {
+ *   key: 'MY_KEY',
+ *   icon: PrimeIcons.TIMES,
+ *   parameters: {
+ *     value: 'meeting'
+ *   }
+ * }
+ * ```
+ */
+interface ButtonDialogButtonDetails {
+    key: string;
+    id?: string;
+    icon?: PrimeIcon;
+    parameters?: Record<string, unknown>;
+    tooltipKey?: string;
+    tooltipPosition?: 'right' | 'left' | 'top' | 'bottom' | string | undefined;
+}
+interface ButtonDialogCustomButtonDetails extends ButtonDialogButtonDetails {
+    id: string;
+    alignment: 'right' | 'left';
+}
+interface ButtonDialogConfig {
+    primaryButtonDetails?: ButtonDialogButtonDetails;
+    secondaryButtonIncluded?: boolean;
+    secondaryButtonDetails?: ButtonDialogButtonDetails;
+    customButtons?: ButtonDialogCustomButtonDetails[];
+    autoFocusButton?: DialogButton;
+    autoFocusButtonCustomId?: string;
+}
+interface ButtonDialogData {
+    config: ButtonDialogConfig;
+    component?: Type<any>;
+    componentData: any;
+}
+
+declare class DialogContentComponent implements OnInit, OnDestroy {
+    dynamicDialogConfig: DynamicDialogConfig<any, any>;
+    dynamicDialogRef: DynamicDialogRef<any>;
+    defaultDialogData: ButtonDialogData;
+    dialogHost: _angular_core.Signal<ViewContainerRef | undefined>;
+    dialogData: ButtonDialogData;
+    componentRef: ComponentRef<any>;
+    primaryButtonEnabledSub?: Subscription;
+    secondaryButtonEnabledSub?: Subscription;
+    customButtonEnabledSub?: Subscription;
+    buttonClickedSub?: Subscription;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    loadComponent(): void;
+    setUpDialogDataForDynamicConfig(): void;
+    private toObservable;
+    private isDialogResultImplemented;
+    private isDialogButtonClickedImplemented;
+    private isDialogPrimaryButtonDisabledImplemented;
+    private isDialogSecondaryButtonDisabledImplemented;
+    private isDialogCustomButtonDisabledImplemented;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogContentComponent, "ocx-dialog-content", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class DialogInlineComponent {
+    config: _angular_core.InputSignal<ButtonDialogConfig>;
+    resultEmitter: _angular_core.OutputEmitterRef<unknown>;
+    buttonClicked(event: DialogState<unknown>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogInlineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogInlineComponent, "ocx-dialog-inline", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "resultEmitter": "resultEmitter"; }, never, ["*"], false, never>;
+}
+
+declare const defaultPrimaryButtonDetails: ButtonDialogButtonDetails;
+declare const defaultSecondaryButtonDetails: ButtonDialogButtonDetails;
+declare const defaultDialogData: ButtonDialogData;
+declare class DialogFooterComponent implements OnInit {
+    dynamicDialogConfig: DynamicDialogConfig<any, any>;
+    dynamicDialogRef: DynamicDialogRef<any>;
+    config: _angular_core.InputSignal<ButtonDialogConfig | undefined>;
+    dialogData: _angular_core.WritableSignal<ButtonDialogData>;
+    primaryButtonDisabled$: Observable<boolean | undefined> | undefined;
+    secondaryButtonDisabled$: Observable<boolean | undefined> | undefined;
+    customButtonsDisabled$: BehaviorSubject<Record<string, boolean>>;
+    leftCustomButtons: _angular_core.WritableSignal<ButtonDialogCustomButtonDetails[]>;
+    rightCustomButtons: _angular_core.WritableSignal<ButtonDialogCustomButtonDetails[]>;
+    buttonClickedEmitter: _angular_core.OutputEmitterRef<DialogState<unknown>>;
+    primaryButton: _angular_core.Signal<ElementRef<any> | undefined>;
+    secondaryButton: _angular_core.Signal<ElementRef<any> | undefined>;
+    customButtons: _angular_core.Signal<readonly ElementRef<any>[]>;
+    constructor();
+    ngOnInit(): void;
+    primaryButtonAction(): void;
+    secondaryButtonAction(): void;
+    customButtonAction(button: ButtonDialogCustomButtonDetails): void;
+    resolveCustomButtonDisabled(customButtonsDisabled: Record<string, boolean>, buttonId: string): boolean;
+    loadComponent(): void;
+    setUpDialogDataForDynamicConfig(): void;
+    private buttonAction;
+    private setupCustomButtons;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogFooterComponent, "ocx-dialog-footer", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "buttonClickedEmitter": "buttonClickedEmitter"; }, never, never, false, never>;
+}
+
+declare class GlobalErrorComponent {
+    private router;
+    private route;
+    errCode: _angular_core.ModelSignal<string | undefined>;
+    backUrl: _angular_core.WritableSignal<string | undefined>;
+    constructor();
+    onGoBack(): void;
+    reload(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GlobalErrorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GlobalErrorComponent, "ocx-error", never, { "errCode": { "alias": "errCode"; "required": false; "isSignal": true; }; }, { "errCode": "errCodeChange"; }, never, never, false, never>;
+}
+
+declare class ExportDataService {
+    private readonly dateUtils;
+    private readonly translateService;
+    private readonly locale;
+    exportCsv<T extends string | number | symbol>(columns: {
+        id: string;
+        nameKey: string;
+        columnType: ColumnType;
+    }[], data: Partial<Record<T, unknown | undefined>>[], fileName: string): Promise<void>;
+    private translateColumnNames;
+    private formatData;
+    private translateData;
+    private escapeDelimiterAndLineBreaks;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExportDataService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ExportDataService>;
+}
+
+declare class DynamicPipe implements PipeTransform {
+    private injector;
+    knownPipes: {
+        [name: string]: PipeTransform;
+    };
+    constructor();
+    transform(value: any, requiredPipe?: Type<any>, pipeArgs?: any): any;
+    transform2(value: any, pipeToken: any, ...pipeArgs: any[]): any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<DynamicPipe, "dynamicPipe", false>;
+}
+
+declare class OcxTimeAgoPipe extends TranslatePipe implements OnDestroy, PipeTransform {
+    private readonly changeDetectorRef;
+    private readonly ngZone;
+    private timer;
+    constructor();
+    transform(value: string): any;
+    ngOnDestroy(): void;
+    private removeTimer;
+    private getSecondsUntilUpdate;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OcxTimeAgoPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<OcxTimeAgoPipe, "timeago", false>;
+}
+
+declare class RelativeDatePipe implements PipeTransform {
+    private readonly translateService;
+    rtf: Intl.RelativeTimeFormat;
+    constructor();
+    transform(value: any): any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RelativeDatePipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<RelativeDatePipe, "relativeDate", false>;
+}
+
+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 ɵinj: _angular_core.ɵɵInjectorDeclaration<AngularAcceleratorPrimeNgModule>;
+}
+
+declare class AngularAcceleratorMissingTranslationHandler extends MultiLanguageMissingTranslationHandler {
+}
+declare class AngularAcceleratorModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AngularAcceleratorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AngularAcceleratorModule, [typeof ColumnGroupSelectionComponent, typeof CustomGroupColumnSelectorComponent, typeof DataLayoutSelectionComponent, typeof DataListGridSortingComponent, typeof DataListGridComponent, typeof DataTableComponent, typeof DataViewComponent, typeof InteractiveDataViewComponent, typeof LifecycleComponent, typeof PageHeaderComponent, typeof DynamicPipe, typeof SearchHeaderComponent, typeof DiagramComponent, typeof GroupByCountDiagramComponent, typeof OcxContentComponent, typeof OcxContentContainerComponent, typeof IfPermissionDirective, typeof IfBreakpointDirective, typeof SrcDirective, typeof OcxTimeAgoPipe, typeof AdvancedDirective, typeof TooltipOnOverflowDirective, typeof FilterViewComponent, typeof TemplateDirective, typeof OcxContentDirective, typeof OcxContentContainerDirective, typeof GlobalErrorComponent, typeof LoadingIndicatorComponent, typeof LoadingIndicatorDirective, typeof BasicDirective, typeof DialogFooterComponent, typeof DialogContentComponent, typeof DialogInlineComponent, typeof DialogMessageContentComponent, typeof ConsentComponent], [typeof i36.CommonModule, typeof AngularAcceleratorPrimeNgModule, typeof i38.AngularRemoteComponentsModule, typeof i39.TranslateModule, typeof i40.FormsModule, typeof i41.RouterModule, typeof i40.ReactiveFormsModule], [typeof i38.AngularRemoteComponentsModule, typeof ColumnGroupSelectionComponent, typeof CustomGroupColumnSelectorComponent, typeof DataLayoutSelectionComponent, typeof DataListGridComponent, typeof DataTableComponent, typeof DataViewComponent, typeof InteractiveDataViewComponent, typeof LifecycleComponent, typeof PageHeaderComponent, typeof SearchHeaderComponent, typeof DiagramComponent, typeof GroupByCountDiagramComponent, typeof OcxContentComponent, typeof OcxContentContainerComponent, typeof IfPermissionDirective, typeof IfBreakpointDirective, typeof SrcDirective, typeof OcxTimeAgoPipe, typeof AdvancedDirective, typeof TooltipOnOverflowDirective, typeof FilterViewComponent, typeof TemplateDirective, typeof OcxContentDirective, typeof OcxContentContainerDirective, typeof GlobalErrorComponent, typeof LoadingIndicatorComponent, typeof LoadingIndicatorDirective, typeof BasicDirective, typeof DialogFooterComponent, typeof DialogContentComponent, typeof DialogInlineComponent, typeof DialogMessageContentComponent, typeof ConsentComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<AngularAcceleratorModule>;
+}
+
+type Extend<TObj extends Record<string, unknown>, K extends string> = {
+    [TKey in keyof TObj & string as `${K}${TKey}`]: TObj[TKey] extends Record<string, unknown> ? Extend<TObj[TKey], `${K}${TKey}.`> : TObj[TKey];
+};
+type NonObjectKeysOf<T> = {
+    [K in keyof T]: T[K] extends Array<any> ? K : T[K] extends object ? (T[K] extends Date ? K : never) : K;
+}[keyof T];
+type ObjectKeysOf<T> = {
+    [K in keyof T]: T[K] extends Array<any> ? never : T[K] extends object ? K : never;
+}[keyof T];
+type Filter<TObj extends object, TKey = keyof TObj> = TKey extends keyof TObj ? TObj[TKey] extends Array<any> ? TObj : TObj[TKey] extends object ? Filter<TObj[TKey]> : Pick<TObj, NonObjectKeysOf<TObj>> | Filter<Pick<TObj, ObjectKeysOf<TObj>>> : never;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type Result<TObj extends Record<string, unknown>> = UnionToIntersection<Filter<Extend<TObj, ''>>>;
+declare function flattenObject<O extends Record<string, unknown>>(ob: O): Result<O>;
+
+declare const atLeastOneFieldFilledValidator: ValidatorFn;
+
+declare class ColorUtils {
+    static calculatePoint(i: number, intervalSize: number, colorRangeInfo: {
+        colorStart: any;
+        colorEnd: any;
+        useEndAsStart: any;
+    }): any;
+    static interpolateColors(dataLength: number, colorScale: (arg0: any) => any, colorRangeInfo: {
+        colorStart: any;
+        colorEnd: any;
+        useEndAsStart: any;
+    }): any;
+}
+
+declare abstract class DataOperationStrategy {
+    endsWith(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    startsWith(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    contains(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    notContains(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    equals(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    notEquals(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    lessThan(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    greaterThan(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    lessThanOrEqual(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    greaterThanOrEqual(column: DataTableColumn, value: unknown, target: unknown): boolean;
+    isEmpty(column: DataTableColumn, value: unknown): boolean;
+    isNotEmpty(column: DataTableColumn, value: unknown): boolean;
+    compare(a: unknown, b: unknown, column: DataTableColumn): number;
+    filterOptions(hayStack: unknown[], filterObject: FilterObject, columns: DataTableColumn[]): unknown[];
+    filter(hayStack: unknown[], filter: Filter$1, columns: DataTableColumn[]): unknown[];
+    mapHaystackItemToValue(item: unknown, filter: Filter$1 | FilterObject): any;
+}
+
+declare class DateUtils {
+    protected locale: string;
+    options: Intl.DateTimeFormatOptions;
+    localizedDate(date: string | number | Date | undefined): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateUtils, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DateUtils>;
+}
+
+declare class ObjectUtils {
+    static resolveFieldData(data: any, field: any): any;
+    static isFunction(obj: any): boolean;
+}
+
+declare function enumToDropdownOptions<T extends object>(translateService: TranslateService, enumType: T, translationKeyPrefix: string): Observable<{
+    label: string;
+    value: T;
+}[]>;
+
+type hasShowTimeFunction = (key: string) => boolean;
+/**
+ * removeNullValues: whether to remove entries from the search criteria where the value is null
+ */
+interface BuildSearchCriteriaParameters {
+    removeNullValues: boolean;
+}
+/**
+ * Safely builds the search criteria based on form values
+ * @param formRawValue the raw value of the form to use
+ * @param datePickers a list of primeng datePickers of the form (use `@ViewChildren(DatePicker) datePickers!: QueryList<DatePicker>;`)
+ * @param parameters {@link BuildSearchCriteriaParameters}  to use when building the search criteria
+ * @returns the search criteria as a partial of T (T = type of the search criteria)
+ */
+declare function buildSearchCriteria<T>(formRawValue: any, datePickers: QueryList<DatePicker>, { removeNullValues }: BuildSearchCriteriaParameters): Partial<T>;
+
+declare function findEntryWithKeyword(array: string[] | undefined, keyword: string): string | null;
+declare function removeKeyword(input: string, keyword: string): string;
+declare function searchPrefixWithSpecialChars(strings: string[], prefix: string): string | null;
+
+declare function findTemplate(templates: PrimeTemplate[], names: string[]): PrimeTemplate | undefined;
+
+declare function limit(columnFilterData: Filter$1[], amount: number, options: ColumnFilterDataSelectOptions): Filter$1[];
+
+declare class ImageLogoUrlUtils {
+    static createLogoUrl(apiPrefix: string, url?: string): string | undefined;
+}
+
+/**
+ * Resolves a router link to a string, handling string, function, and Promise types
+ */
+declare function resolveRouterLink(routerLink: RouterLink): Promise<string>;
+/**
+ * Base action handler that can be used directly or extended by components
+ */
+declare function handleAction(router: Router, action: Action | DataAction, data?: any): Promise<void>;
+/**
+ * Synchronous wrapper for use in template event handlers where Promise return is not expected
+ */
+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, 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 };