@onecx/angular-accelerator 4.11.0

package/index.d.ts

@@ -0,0 +1,38 @@
+export * from './lib/directives/if-permission.directive';
+export * from './lib/directives/if-breakpoint.directive';
+export * from './lib/components/column-group-selection/column-group-selection.component';
+export * from './lib/components/custom-group-column-selector/custom-group-column-selector.component';
+export * from './lib/components/data-layout-selection/data-layout-selection.component';
+export * from './lib/components/data-list-grid/data-list-grid.component';
+export * from './lib/components/data-list-grid-sorting/data-list-grid-sorting.component';
+export * from './lib/components/data-table/data-table.component';
+export * from './lib/components/data-view/data-view.component';
+export * from './lib/components/diagram/diagram.component';
+export * from './lib/components/group-by-count-diagram/group-by-count-diagram.component';
+export * from './lib/components/interactive-data-view/interactive-data-view.component';
+export * from './lib/components/page-header/page-header.component';
+export * from './lib/components/search-config/search-config.component';
+export * from './lib/components/search-header/search-header.component';
+export * from './lib/services/breadcrumb.service';
+export * from './lib/services/translation-cache.service';
+export * from './lib/pipes/dynamic.pipe';
+export * from './lib/pipes/ocxtimeago.pipe';
+export * from './lib/model/breadcrumb-menu-item.model';
+export * from './lib/model/column-type.model';
+export * from './lib/model/data-action';
+export * from './lib/model/data-sort-direction';
+export * from './lib/model/data-table-column.model';
+export * from './lib/model/diagram-column';
+export * from './lib/model/diagram-type';
+export * from './lib/model/search-config-info';
+export * from './lib/angular-accelerator.module';
+export * from './lib/angular-accelerator-primeng.module';
+export * from './lib/functions/flatten-object';
+export * from './lib/utils/async-translate-loader.utils';
+export * from './lib/utils/caching-translate-loader.utils';
+export * from './lib/utils/colorutils';
+export * from './lib/utils/create-translate-loader.utils';
+export * from './lib/utils/dateutils';
+export * from './lib/utils/objectutils';
+export * from './lib/utils/primeicon.utils';
+export * from './lib/utils/translate.combined.loader';

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

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "primeng/dropdown";
+import * as i2 from "primeng/button";
+import * as i3 from "primeng/dialog";
+import * as i4 from "primeng/picklist";
+import * as i5 from "primeng/selectbutton";
+import * as i6 from "primeng/dataview";
+import * as i7 from "primeng/table";
+import * as i8 from "primeng/menu";
+import * as i9 from "primeng/chart";
+import * as i10 from "primeng/multiselect";
+export declare class AngularAcceleratorPrimeNgModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularAcceleratorPrimeNgModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularAcceleratorPrimeNgModule, never, [typeof i1.DropdownModule, typeof i2.ButtonModule, typeof i3.DialogModule, typeof i4.PickListModule, typeof i5.SelectButtonModule, typeof i6.DataViewModule, typeof i7.TableModule, typeof i8.MenuModule, typeof i9.ChartModule, typeof i10.MultiSelectModule], [typeof i1.DropdownModule, typeof i2.ButtonModule, typeof i3.DialogModule, typeof i4.PickListModule, typeof i5.SelectButtonModule, typeof i6.DataViewModule, typeof i7.TableModule, typeof i8.MenuModule, typeof i9.ChartModule, typeof i10.MultiSelectModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AngularAcceleratorPrimeNgModule>;
+}

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

@@ -0,0 +1,32 @@
+import { MissingTranslationHandler, MissingTranslationHandlerParams } from '@ngx-translate/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/column-group-selection/column-group-selection.component";
+import * as i2 from "./components/custom-group-column-selector/custom-group-column-selector.component";
+import * as i3 from "./components/data-layout-selection/data-layout-selection.component";
+import * as i4 from "./components/data-list-grid-sorting/data-list-grid-sorting.component";
+import * as i5 from "./components/data-list-grid/data-list-grid.component";
+import * as i6 from "./components/data-table/data-table.component";
+import * as i7 from "./components/data-view/data-view.component";
+import * as i8 from "./components/interactive-data-view/interactive-data-view.component";
+import * as i9 from "./components/search-config/search-config.component";
+import * as i10 from "./components/page-header/page-header.component";
+import * as i11 from "./pipes/dynamic.pipe";
+import * as i12 from "./components/search-header/search-header.component";
+import * as i13 from "./components/diagram/diagram.component";
+import * as i14 from "./components/group-by-count-diagram/group-by-count-diagram.component";
+import * as i15 from "./directives/if-permission.directive";
+import * as i16 from "./directives/if-breakpoint.directive";
+import * as i17 from "./pipes/ocxtimeago.pipe";
+import * as i18 from "@angular/common";
+import * as i19 from "./angular-accelerator-primeng.module";
+import * as i20 from "@ngx-translate/core";
+import * as i21 from "@angular/forms";
+import * as i22 from "@angular/router";
+export declare class AngularAcceleratorMissingTranslationHandler implements MissingTranslationHandler {
+    handle(params: MissingTranslationHandlerParams): string;
+}
+export declare class AngularAcceleratorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularAcceleratorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularAcceleratorModule, [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i4.DataListGridSortingComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.SearchConfigComponent, typeof i10.PageHeaderComponent, typeof i11.DynamicPipe, typeof i12.SearchHeaderComponent, typeof i13.DiagramComponent, typeof i14.GroupByCountDiagramComponent, typeof i15.IfPermissionDirective, typeof i16.IfBreakpointDirective, typeof i17.OcxTimeAgoPipe], [typeof i18.CommonModule, typeof i19.AngularAcceleratorPrimeNgModule, typeof i20.TranslateModule, typeof i21.FormsModule, typeof i22.RouterModule, typeof i21.ReactiveFormsModule], [typeof i1.ColumnGroupSelectionComponent, typeof i2.CustomGroupColumnSelectorComponent, typeof i3.DataLayoutSelectionComponent, typeof i5.DataListGridComponent, typeof i6.DataTableComponent, typeof i7.DataViewComponent, typeof i8.InteractiveDataViewComponent, typeof i9.SearchConfigComponent, typeof i10.PageHeaderComponent, typeof i12.SearchHeaderComponent, typeof i13.DiagramComponent, typeof i14.GroupByCountDiagramComponent, typeof i15.IfPermissionDirective, typeof i16.IfBreakpointDirective, typeof i17.OcxTimeAgoPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AngularAcceleratorModule>;
+}

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

@@ -0,0 +1,28 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { DataTableColumn } from '../../model/data-table-column.model';
+import * as i0 from "@angular/core";
+export type GroupSelectionChangedEvent = {
+    activeColumns: DataTableColumn[];
+    groupKey: string;
+};
+export declare class ColumnGroupSelectionComponent implements OnInit {
+    selectedGroupKey$: BehaviorSubject<string>;
+    get selectedGroupKey(): string;
+    set selectedGroupKey(value: string);
+    columns$: BehaviorSubject<DataTableColumn[]>;
+    get columns(): DataTableColumn[];
+    set columns(value: DataTableColumn[]);
+    placeholderKey: string;
+    defaultGroupKey: string;
+    customGroupKey: string;
+    groupSelectionChanged: EventEmitter<GroupSelectionChangedEvent>;
+    allGroupKeys$: Observable<string[]> | undefined;
+    ngOnInit(): void;
+    changeGroupSelection(event: {
+        value: string;
+    }): void;
+    clearGroupSelection(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnGroupSelectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnGroupSelectionComponent, "ocx-column-group-selection", never, { "selectedGroupKey": "selectedGroupKey"; "columns": "columns"; "placeholderKey": "placeholderKey"; "defaultGroupKey": "defaultGroupKey"; "customGroupKey": "customGroupKey"; }, { "groupSelectionChanged": "groupSelectionChanged"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,45 @@
+import { EventEmitter } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { DataTableColumn } from '../../model/data-table-column.model';
+import * as i0 from "@angular/core";
+export type ColumnSelectionChangedEvent = {
+    activeColumns: DataTableColumn[];
+};
+export type ActionColumnChangedEvent = {
+    frozenActionColumn: boolean;
+    actionColumnPosition: 'left' | 'right';
+};
+export declare class CustomGroupColumnSelectorComponent {
+    private translate;
+    columns: DataTableColumn[];
+    displayedColumns: DataTableColumn[];
+    dialogTitle: string;
+    openButtonTitle: string;
+    saveButtonLabel: string;
+    cancelButtonLabel: string;
+    activeColumnsLabel: string;
+    inactiveColumnsLabel: string;
+    frozenActionColumn: boolean;
+    actionColumnPosition: 'left' | 'right';
+    columnSelectionChanged: EventEmitter<ColumnSelectionChangedEvent>;
+    actionColumnConfigChanged: EventEmitter<ActionColumnChangedEvent>;
+    hiddenColumnsModel: DataTableColumn[];
+    displayedColumnsModel: DataTableColumn[];
+    frozenActionColumnModel: boolean;
+    actionColumnPositionModel: 'left' | 'right';
+    visible: boolean;
+    alignmentOptions: {
+        label: string;
+        value: string;
+    }[];
+    frozenOptions: {
+        label: string;
+        value: boolean;
+    }[];
+    constructor(translate: TranslateService);
+    onOpenCustomGroupColumnSelectionDialogClick(): void;
+    onSaveClick(): void;
+    onCancelClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomGroupColumnSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomGroupColumnSelectorComponent, "ocx-custom-group-column-selector", never, { "columns": "columns"; "displayedColumns": "displayedColumns"; "dialogTitle": "dialogTitle"; "openButtonTitle": "openButtonTitle"; "saveButtonLabel": "saveButtonLabel"; "cancelButtonLabel": "cancelButtonLabel"; "activeColumnsLabel": "activeColumnsLabel"; "inactiveColumnsLabel": "inactiveColumnsLabel"; "frozenActionColumn": "frozenActionColumn"; "actionColumnPosition": "actionColumnPosition"; }, { "columnSelectionChanged": "columnSelectionChanged"; "actionColumnConfigChanged": "actionColumnConfigChanged"; }, never, never, false, never>;
+}

package/lib/components/data-layout-selection/data-layout-selection.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { PrimeIcon } from '../../utils/primeicon.utils';
+import * as i0 from "@angular/core";
+interface ViewingLayouts {
+    icon: PrimeIcon;
+    layout: 'grid' | 'list' | 'table';
+    title?: string;
+    titleKey: string;
+}
+export declare class DataLayoutSelectionComponent implements OnInit {
+    supportedViewLayouts: Array<string>;
+    set layout(value: 'grid' | 'list' | 'table');
+    get layout(): 'grid' | 'list' | 'table';
+    dataViewLayoutChange: EventEmitter<'grid' | 'list' | 'table'>;
+    viewingLayouts: ViewingLayouts[];
+    selectedViewLayout: ViewingLayouts | undefined;
+    ngOnInit(): void;
+    onDataViewLayoutChange(event: {
+        icon: PrimeIcon;
+        layout: 'grid' | 'list' | 'table';
+    }): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataLayoutSelectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataLayoutSelectionComponent, "ocx-data-layout-selection", never, { "supportedViewLayouts": "supportedViewLayouts"; "layout": "layout"; }, { "dataViewLayoutChange": "dataViewLayoutChange"; }, never, never, false, never>;
+}
+export {};

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

@@ -0,0 +1,120 @@
+import { DoCheck, EventEmitter, Injector, OnInit, TemplateRef } from '@angular/core';
+import { Router } from '@angular/router';
+import { TranslateService } from '@ngx-translate/core';
+import { MenuItem } from 'primeng/api';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { MfeInfo } from '@onecx/integration-interface';
+import { AppStateService } from '@onecx/angular-integration-interface';
+import { UserService } from '@onecx/angular-integration-interface';
+import { DataAction } from '../../model/data-action';
+import { DataSortDirection } from '../../model/data-sort-direction';
+import { DataTableColumn } from '../../model/data-table-column.model';
+import { DataSortBase } from '../data-sort-base/data-sort-base';
+import { Filter, Row } from '../data-table/data-table.component';
+import * as i0 from "@angular/core";
+export type ListGridData = {
+    id: string | number;
+    imagePath: string | number;
+    [columnId: string]: unknown;
+};
+type RowListGridData = ListGridData & Row;
+export interface ListGridDataMenuItem extends MenuItem {
+    permission: string;
+}
+export declare class DataListGridComponent extends DataSortBase implements OnInit, DoCheck {
+    private userService;
+    private router;
+    private injector;
+    private appStateService;
+    titleLineId: string | undefined;
+    subtitleLineIds: string[];
+    clientSideSorting: boolean;
+    clientSideFiltering: boolean;
+    sortStates: DataSortDirection[];
+    pageSizes: number[];
+    pageSize: number;
+    emptyResultsMessage: string | undefined;
+    fallbackImage: string;
+    layout: 'grid' | 'list';
+    viewPermission: string | undefined;
+    editPermission: string | undefined;
+    deletePermission: string | undefined;
+    deleteActionVisibleField: string | undefined;
+    deleteActionEnabledField: string | undefined;
+    viewActionVisibleField: string | undefined;
+    viewActionEnabledField: string | undefined;
+    editActionVisibleField: string | undefined;
+    editActionEnabledField: string | undefined;
+    viewMenuItemKey: string | undefined;
+    editMenuItemKey: string | undefined;
+    deleteMenuItemKey: string | undefined;
+    paginator: boolean;
+    page: number;
+    columns: DataTableColumn[];
+    name: string;
+    get totalRecordsOnServer(): number | undefined;
+    set totalRecordsOnServer(value: number | undefined);
+    currentPageShowingKey: string;
+    currentPageShowingWithTotalOnServerKey: string;
+    params: {
+        [key: string]: string;
+    };
+    _data$: BehaviorSubject<RowListGridData[]>;
+    get data(): RowListGridData[];
+    set data(value: RowListGridData[]);
+    _filters$: BehaviorSubject<Filter[]>;
+    get filters(): Filter[];
+    set filters(value: Filter[]);
+    _originalData: RowListGridData[];
+    _sortDirection$: BehaviorSubject<DataSortDirection>;
+    get sortDirection(): DataSortDirection;
+    set sortDirection(value: DataSortDirection);
+    _sortField$: BehaviorSubject<string>;
+    get sortField(): string;
+    set sortField(value: string);
+    gridItemSubtitleLinesTemplate: TemplateRef<any> | undefined;
+    gridItemSubtitleLinesChildTemplate: TemplateRef<any> | undefined;
+    get _gridItemSubtitleLines(): TemplateRef<any> | undefined;
+    listItemSubtitleLinesTemplate: TemplateRef<any> | undefined;
+    listItemSubtitleLinesChildTemplate: TemplateRef<any> | undefined;
+    get _listItemSubtitleLines(): TemplateRef<any> | undefined;
+    listItemTemplate: TemplateRef<any> | undefined;
+    listItemChildTemplate: TemplateRef<any> | undefined;
+    get _listItem(): TemplateRef<any> | undefined;
+    gridItemTemplate: TemplateRef<any> | undefined;
+    gridItemChildTemplate: TemplateRef<any> | undefined;
+    get _gridItem(): TemplateRef<any> | undefined;
+    _additionalActions: DataAction[];
+    get additionalActions(): DataAction[];
+    set additionalActions(value: DataAction[]);
+    viewItem: EventEmitter<ListGridData>;
+    editItem: EventEmitter<ListGridData>;
+    deleteItem: EventEmitter<ListGridData>;
+    pageChanged: EventEmitter<number>;
+    get viewItemObserved(): boolean;
+    get editItemObserved(): boolean;
+    get deleteItemObserved(): boolean;
+    get sortDirectionNumber(): number;
+    showMenu: boolean;
+    gridMenuItems: MenuItem[];
+    selectedItem: ListGridData | undefined;
+    observedOutputs: number;
+    displayedItems$: Observable<unknown[]> | undefined;
+    fallbackImagePath$: Observable<string>;
+    constructor(locale: string, translateService: TranslateService, userService: UserService, router: Router, injector: Injector, appStateService: AppStateService);
+    ngDoCheck(): void;
+    ngOnInit(): void;
+    onDeleteRow(element: ListGridData): void;
+    onViewRow(element: ListGridData): void;
+    onEditRow(element: ListGridData): void;
+    imgError(item: ListGridData): void;
+    getFallbackImagePath(mfeInfo: MfeInfo): string;
+    updateGridMenuItems(useSelectedItem?: boolean): void;
+    setSelectedItem(item: ListGridData): void;
+    resolveFieldData(object: any, key: any): any;
+    onPageChange(event: any): void;
+    fieldIsTruthy(object: any, key: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataListGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataListGridComponent, "ocx-data-list-grid", never, { "titleLineId": "titleLineId"; "subtitleLineIds": "subtitleLineIds"; "clientSideSorting": "clientSideSorting"; "clientSideFiltering": "clientSideFiltering"; "sortStates": "sortStates"; "pageSizes": "pageSizes"; "pageSize": "pageSize"; "emptyResultsMessage": "emptyResultsMessage"; "fallbackImage": "fallbackImage"; "layout": "layout"; "viewPermission": "viewPermission"; "editPermission": "editPermission"; "deletePermission": "deletePermission"; "deleteActionVisibleField": "deleteActionVisibleField"; "deleteActionEnabledField": "deleteActionEnabledField"; "viewActionVisibleField": "viewActionVisibleField"; "viewActionEnabledField": "viewActionEnabledField"; "editActionVisibleField": "editActionVisibleField"; "editActionEnabledField": "editActionEnabledField"; "viewMenuItemKey": "viewMenuItemKey"; "editMenuItemKey": "editMenuItemKey"; "deleteMenuItemKey": "deleteMenuItemKey"; "paginator": "paginator"; "page": "page"; "columns": "columns"; "name": "name"; "totalRecordsOnServer": "totalRecordsOnServer"; "currentPageShowingKey": "currentPageShowingKey"; "currentPageShowingWithTotalOnServerKey": "currentPageShowingWithTotalOnServerKey"; "data": "data"; "filters": "filters"; "sortDirection": "sortDirection"; "sortField": "sortField"; "gridItemSubtitleLinesTemplate": "gridItemSubtitleLinesTemplate"; "listItemSubtitleLinesTemplate": "listItemSubtitleLinesTemplate"; "listItemTemplate": "listItemTemplate"; "gridItemTemplate": "gridItemTemplate"; "additionalActions": "additionalActions"; }, { "viewItem": "viewItem"; "editItem": "editItem"; "deleteItem": "deleteItem"; "pageChanged": "pageChanged"; }, ["gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "listItemChildTemplate", "gridItemChildTemplate"], never, false, never>;
+}
+export {};

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

@@ -0,0 +1,30 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { DataSortDirection } from '../../model/data-sort-direction';
+import { DataColumnNameId } from '../../model/data-column-name-id.model';
+import { DataTableColumn } from '../../model/data-table-column.model';
+import * as i0 from "@angular/core";
+export declare class DataListGridSortingComponent implements OnInit {
+    columns: DataTableColumn[];
+    sortStates: DataSortDirection[];
+    _sortDirection$: BehaviorSubject<DataSortDirection>;
+    get sortDirection(): DataSortDirection;
+    set sortDirection(value: DataSortDirection);
+    _sortField$: BehaviorSubject<string>;
+    get sortField(): string;
+    set sortField(value: string);
+    sortChange: EventEmitter<string>;
+    sortDirectionChange: EventEmitter<DataSortDirection>;
+    columnsChange: EventEmitter<string[]>;
+    selectedSortingOption: DataColumnNameId | undefined;
+    dropdownOptions: DataColumnNameId[];
+    ngOnInit(): void;
+    selectSorting(event: any): void;
+    sortDirectionChanged(): void;
+    nextSortDirection(): DataSortDirection;
+    sortIcon(): "pi-sort-amount-up" | "pi-sort-amount-down" | "pi-sort-alt-slash";
+    sortIconTitle(): "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.ASCENDING_TITLE" | "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.DESCENDING_TITLE" | "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.DEFAULT_TITLE";
+    sortDirectionToTitle(sortDirection: DataSortDirection): "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.ASCENDING_TITLE" | "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.DESCENDING_TITLE" | "OCX_LIST_GRID_SORT.TOGGLE_BUTTON.DEFAULT_TITLE";
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataListGridSortingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataListGridSortingComponent, "ocx-data-list-grid-sorting", never, { "columns": "columns"; "sortStates": "sortStates"; "sortDirection": "sortDirection"; "sortField": "sortField"; }, { "sortChange": "sortChange"; "sortDirectionChange": "sortDirectionChange"; "columnsChange": "columnsChange"; }, never, never, false, never>;
+}

package/lib/components/data-sort-base/data-sort-base.d.ts

@@ -0,0 +1,32 @@
+import { TranslateService } from '@ngx-translate/core';
+import { Observable } from 'rxjs';
+import { DataSortDirection } from '../../model/data-sort-direction';
+import { DataTableColumn } from '../../model/data-table-column.model';
+import { ListGridData } from '../../components/data-list-grid/data-list-grid.component';
+import { Row, Filter } from '../../components/data-table/data-table.component';
+type RowListGridData = ListGridData | Row;
+export declare class DataSortBase {
+    protected locale: string;
+    protected translateService: TranslateService;
+    constructor(locale: string, translateService: TranslateService);
+    translateItems([items, filters, sortColumn, sortDirection]: [RowListGridData[], Filter[], string, DataSortDirection], columns: DataTableColumn[], clientSideFiltering: boolean, clientSideSorting: boolean): Observable<[RowListGridData[], Filter[], string, DataSortDirection, Record<string, Record<string, string>>]>;
+    filterItems([items, filters, sortColumn, sortDirection, translations]: [
+        RowListGridData[],
+        Filter[],
+        string,
+        DataSortDirection,
+        Record<string, Record<string, string>>
+    ], clientSideFiltering: boolean): [RowListGridData[], Filter[], string, DataSortDirection, Record<string, Record<string, string>>];
+    sortItems([items, filters, sortColumn, sortDirection, translations]: [
+        RowListGridData[],
+        Filter[],
+        string,
+        DataSortDirection,
+        Record<string, Record<string, string>>
+    ], columns: DataTableColumn[], clientSideSorting: boolean): [RowListGridData[], Filter[], string, DataSortDirection, Record<string, Record<string, string>>];
+    flattenItems(items: RowListGridData[]): Pick<{
+        [x: string]: unknown;
+    }, string>[];
+    createCompareFunction(translatedColValues: Record<string, string>, sortColumn: string, sortDirection: DataSortDirection): (a: Record<string, any>, b: Record<string, any>) => number;
+}
+export {};

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

@@ -0,0 +1,124 @@
+import { EventEmitter, Injector, OnInit, TemplateRef } from '@angular/core';
+import { Router } from '@angular/router';
+import { TranslateService } from '@ngx-translate/core';
+import { SelectItem } from 'primeng/api';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { DataAction } from '../../model/data-action';
+import { DataSortDirection } from '../../model/data-sort-direction';
+import { DataTableColumn } from '../../model/data-table-column.model';
+import { DataSortBase } from '../data-sort-base/data-sort-base';
+import * as i0 from "@angular/core";
+export type Row = {
+    id: string | number;
+    [columnId: string]: unknown;
+};
+export type Filter = {
+    columnId: string;
+    value: string;
+};
+export type Sort = {
+    sortColumn: string;
+    sortDirection: DataSortDirection;
+};
+export declare class DataTableComponent extends DataSortBase implements OnInit {
+    private router;
+    private injector;
+    _rows$: BehaviorSubject<Row[]>;
+    get rows(): Row[];
+    set rows(value: Row[]);
+    _selection$: BehaviorSubject<Row[]>;
+    get selectedRows(): Row[];
+    set selectedRows(value: Row[]);
+    _filters$: BehaviorSubject<Filter[]>;
+    get filters(): Filter[];
+    set filters(value: Filter[]);
+    _sortDirection$: BehaviorSubject<DataSortDirection>;
+    get sortDirection(): DataSortDirection;
+    set sortDirection(value: DataSortDirection);
+    _sortColumn$: BehaviorSubject<string>;
+    get sortColumn(): string;
+    set sortColumn(value: string);
+    columns: DataTableColumn[];
+    clientSideFiltering: boolean;
+    clientSideSorting: boolean;
+    sortStates: DataSortDirection[];
+    pageSizes: number[];
+    pageSize: number;
+    emptyResultsMessage: string | undefined;
+    name: string;
+    deletePermission: string | undefined;
+    viewPermission: string | undefined;
+    editPermission: string | undefined;
+    deleteActionVisibleField: string | undefined;
+    deleteActionEnabledField: string | undefined;
+    viewActionVisibleField: string | undefined;
+    viewActionEnabledField: string | undefined;
+    editActionVisibleField: string | undefined;
+    editActionEnabledField: string | undefined;
+    paginator: boolean;
+    page: number;
+    get totalRecordsOnServer(): number | undefined;
+    set totalRecordsOnServer(value: number | undefined);
+    currentPageShowingKey: string;
+    currentPageShowingWithTotalOnServerKey: string;
+    params: {
+        [key: string]: string;
+    };
+    stringCellTemplate: TemplateRef<any> | undefined;
+    stringCellChildTemplate: TemplateRef<any> | undefined;
+    get _stringCell(): TemplateRef<any> | undefined;
+    numberCellTemplate: TemplateRef<any> | undefined;
+    numberCellChildTemplate: TemplateRef<any> | undefined;
+    get _numberCell(): TemplateRef<any> | undefined;
+    dateCellTemplate: TemplateRef<any> | undefined;
+    dateCellChildTemplate: TemplateRef<any> | undefined;
+    get _dateCell(): TemplateRef<any> | undefined;
+    relativeDateCellTemplate: TemplateRef<any> | undefined;
+    relativeDateCellChildTemplate: TemplateRef<any> | undefined;
+    get _relativeDateCell(): TemplateRef<any> | undefined;
+    cellTemplate: TemplateRef<any> | undefined;
+    cellChildTemplate: TemplateRef<any> | undefined;
+    get _cell(): TemplateRef<any> | undefined;
+    translationKeyCellTemplate: TemplateRef<any> | undefined;
+    translationKeyCellChildTemplate: TemplateRef<any> | undefined;
+    get _translationKeyCell(): TemplateRef<any> | undefined;
+    additionalActions: DataAction[];
+    frozenActionColumn: boolean;
+    actionColumnPosition: 'left' | 'right';
+    filtered: EventEmitter<Filter[]>;
+    sorted: EventEmitter<Sort>;
+    viewTableRow: EventEmitter<Row>;
+    editTableRow: EventEmitter<Row>;
+    deleteTableRow: EventEmitter<Row>;
+    selectionChanged: EventEmitter<Row[]>;
+    pageChanged: EventEmitter<number>;
+    displayedRows$: Observable<unknown[]> | undefined;
+    selectedRows$: Observable<unknown[]> | undefined;
+    currentFilterColumn$: BehaviorSubject<DataTableColumn | null>;
+    currentFilterOptions$: Observable<SelectItem[]> | undefined;
+    currentSelectedFilters$: Observable<string[]> | undefined;
+    filterAmounts$: Observable<Record<string, number>> | undefined;
+    get viewTableRowObserved(): boolean;
+    get editTableRowObserved(): boolean;
+    get deleteTableRowObserved(): boolean;
+    get anyRowActionObserved(): boolean;
+    get selectionChangedObserved(): boolean;
+    constructor(locale: string, translateService: TranslateService, router: Router, injector: Injector);
+    ngOnInit(): void;
+    onSortColumnClick(sortColumn: string): void;
+    columnNextSortDirection(sortColumn: string): DataSortDirection;
+    onDeleteRow(selectedTableRow: Row): void;
+    onViewRow(selectedTableRow: Row): void;
+    onEditRow(selectedTableRow: Row): void;
+    onFilterClick(column: DataTableColumn): void;
+    onFilterChange(column: DataTableColumn, event: any): void;
+    getSelectedFilters(columnId: string): string[] | undefined;
+    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";
+    mapSelectionToRows(): void;
+    onSelectionChange(event: Row[]): void;
+    onPageChange(event: any): void;
+    fieldIsTruthy(object: any, key: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ocx-data-table", never, { "rows": "rows"; "selectedRows": "selectedRows"; "filters": "filters"; "sortDirection": "sortDirection"; "sortColumn": "sortColumn"; "columns": "columns"; "clientSideFiltering": "clientSideFiltering"; "clientSideSorting": "clientSideSorting"; "sortStates": "sortStates"; "pageSizes": "pageSizes"; "pageSize": "pageSize"; "emptyResultsMessage": "emptyResultsMessage"; "name": "name"; "deletePermission": "deletePermission"; "viewPermission": "viewPermission"; "editPermission": "editPermission"; "deleteActionVisibleField": "deleteActionVisibleField"; "deleteActionEnabledField": "deleteActionEnabledField"; "viewActionVisibleField": "viewActionVisibleField"; "viewActionEnabledField": "viewActionEnabledField"; "editActionVisibleField": "editActionVisibleField"; "editActionEnabledField": "editActionEnabledField"; "paginator": "paginator"; "page": "page"; "totalRecordsOnServer": "totalRecordsOnServer"; "currentPageShowingKey": "currentPageShowingKey"; "currentPageShowingWithTotalOnServerKey": "currentPageShowingWithTotalOnServerKey"; "stringCellTemplate": "stringCellTemplate"; "numberCellTemplate": "numberCellTemplate"; "dateCellTemplate": "dateCellTemplate"; "relativeDateCellTemplate": "relativeDateCellTemplate"; "cellTemplate": "cellTemplate"; "translationKeyCellTemplate": "translationKeyCellTemplate"; "additionalActions": "additionalActions"; "frozenActionColumn": "frozenActionColumn"; "actionColumnPosition": "actionColumnPosition"; }, { "filtered": "filtered"; "sorted": "sorted"; "viewTableRow": "viewTableRow"; "editTableRow": "editTableRow"; "deleteTableRow": "deleteTableRow"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["stringCellChildTemplate", "numberCellChildTemplate", "dateCellChildTemplate", "relativeDateCellChildTemplate", "cellChildTemplate", "translationKeyCellChildTemplate"], never, false, never>;
+}

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

@@ -0,0 +1,112 @@
+import { DoCheck, EventEmitter, Injector, OnInit, TemplateRef } from '@angular/core';
+import { DataListGridComponent, ListGridData } from '../data-list-grid/data-list-grid.component';
+import { Row, Filter, Sort, DataTableComponent } from '../data-table/data-table.component';
+import { DataTableColumn } from '../../model/data-table-column.model';
+import { DataSortDirection } from '../../model/data-sort-direction';
+import { DataAction } from '../../model/data-action';
+import * as i0 from "@angular/core";
+export type RowListGridData = ListGridData & Row;
+export declare class DataViewComponent implements DoCheck, OnInit {
+    private injector;
+    _dataListGridComponent: DataListGridComponent | undefined;
+    set listGrid(ref: DataListGridComponent | undefined);
+    get listGrid(): DataListGridComponent | undefined;
+    _dataTableComponent: DataTableComponent | undefined;
+    set dataTable(ref: DataTableComponent | undefined);
+    get dataTable(): DataTableComponent | undefined;
+    deletePermission: string | undefined;
+    editPermission: string | undefined;
+    viewPermission: string | undefined;
+    deleteActionVisibleField: string | undefined;
+    deleteActionEnabledField: string | undefined;
+    viewActionVisibleField: string | undefined;
+    viewActionEnabledField: string | undefined;
+    editActionVisibleField: string | undefined;
+    editActionEnabledField: string | undefined;
+    data: RowListGridData[];
+    name: string;
+    titleLineId: string | undefined;
+    subtitleLineIds: string[];
+    layout: any;
+    columns: DataTableColumn[];
+    emptyResultsMessage: string | undefined;
+    clientSideFiltering: boolean;
+    fallbackImage: string;
+    filters: Filter[];
+    sortField: any;
+    sortDirection: DataSortDirection;
+    listGridPaginator: boolean;
+    tablePaginator: boolean;
+    page: number;
+    totalRecordsOnServer: number | undefined;
+    currentPageShowingKey: string;
+    currentPageShowingWithTotalOnServerKey: string;
+    selectedRows: Row[];
+    frozenActionColumn: boolean;
+    actionColumnPosition: 'left' | 'right';
+    get paginator(): boolean;
+    set paginator(value: boolean);
+    sortStates: DataSortDirection[];
+    pageSizes: number[];
+    pageSize: number;
+    stringTableCellTemplate: TemplateRef<any> | undefined;
+    stringTableCellChildTemplate: TemplateRef<any> | undefined;
+    get _stringTableCell(): TemplateRef<any> | undefined;
+    numberTableCellTemplate: TemplateRef<any> | undefined;
+    numberTableCellChildTemplate: TemplateRef<any> | undefined;
+    get _numberTableCell(): TemplateRef<any> | undefined;
+    tableDateCellTemplate: TemplateRef<any> | undefined;
+    tableDateCellChildTemplate: TemplateRef<any> | undefined;
+    get _tableDateCell(): TemplateRef<any> | undefined;
+    tableCellTemplate: TemplateRef<any> | undefined;
+    tableCellChildTemplate: TemplateRef<any> | undefined;
+    get _tableCell(): TemplateRef<any> | undefined;
+    tableTranslationKeyCellTemplate: TemplateRef<any> | undefined;
+    tableTranslationKeyCellChildTemplate: TemplateRef<any> | undefined;
+    get _tableTranslationKeyCell(): TemplateRef<any> | undefined;
+    gridItemSubtitleLinesTemplate: TemplateRef<any> | undefined;
+    gridItemSubtitleLinesChildTemplate: TemplateRef<any> | undefined;
+    get _gridItemSubtitleLines(): TemplateRef<any> | undefined;
+    listItemSubtitleLinesTemplate: TemplateRef<any> | undefined;
+    listItemSubtitleLinesChildTemplate: TemplateRef<any> | undefined;
+    get _listItemSubtitleLines(): TemplateRef<any> | undefined;
+    gridItemTemplate: TemplateRef<any> | undefined;
+    gridItemChildTemplate: TemplateRef<any> | undefined;
+    get _gridItem(): TemplateRef<any> | undefined;
+    listItemTemplate: TemplateRef<any> | undefined;
+    listItemChildTemplate: TemplateRef<any> | undefined;
+    get _listItem(): TemplateRef<any> | undefined;
+    tableRelativeDateCellTemplate: TemplateRef<any> | undefined;
+    tableRelativeDateCellChildTemplate: TemplateRef<any> | undefined;
+    get _tableRelativeDateCell(): TemplateRef<any> | undefined;
+    additionalActions: DataAction[];
+    filtered: EventEmitter<Filter[]>;
+    sorted: EventEmitter<Sort>;
+    deleteItem: EventEmitter<RowListGridData>;
+    viewItem: EventEmitter<RowListGridData>;
+    editItem: EventEmitter<RowListGridData>;
+    selectionChanged: EventEmitter<Row[]>;
+    pageChanged: EventEmitter<number>;
+    isDeleteItemObserved: boolean | undefined;
+    isViewItemObserved: boolean | undefined;
+    IsEditItemObserved: boolean | undefined;
+    firstColumnId: string | undefined;
+    get viewItemObserved(): boolean;
+    get editItemObserved(): boolean;
+    get deleteItemObserved(): boolean;
+    get selectionChangedObserved(): boolean;
+    constructor(injector: Injector);
+    ngOnInit(): void;
+    ngDoCheck(): 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;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataViewComponent, "ocx-data-view", never, { "deletePermission": "deletePermission"; "editPermission": "editPermission"; "viewPermission": "viewPermission"; "deleteActionVisibleField": "deleteActionVisibleField"; "deleteActionEnabledField": "deleteActionEnabledField"; "viewActionVisibleField": "viewActionVisibleField"; "viewActionEnabledField": "viewActionEnabledField"; "editActionVisibleField": "editActionVisibleField"; "editActionEnabledField": "editActionEnabledField"; "data": "data"; "name": "name"; "titleLineId": "titleLineId"; "subtitleLineIds": "subtitleLineIds"; "layout": "layout"; "columns": "columns"; "emptyResultsMessage": "emptyResultsMessage"; "clientSideFiltering": "clientSideFiltering"; "fallbackImage": "fallbackImage"; "filters": "filters"; "sortField": "sortField"; "sortDirection": "sortDirection"; "listGridPaginator": "listGridPaginator"; "tablePaginator": "tablePaginator"; "page": "page"; "totalRecordsOnServer": "totalRecordsOnServer"; "currentPageShowingKey": "currentPageShowingKey"; "currentPageShowingWithTotalOnServerKey": "currentPageShowingWithTotalOnServerKey"; "selectedRows": "selectedRows"; "frozenActionColumn": "frozenActionColumn"; "actionColumnPosition": "actionColumnPosition"; "paginator": "paginator"; "sortStates": "sortStates"; "pageSizes": "pageSizes"; "pageSize": "pageSize"; "stringTableCellTemplate": "stringTableCellTemplate"; "numberTableCellTemplate": "numberTableCellTemplate"; "tableDateCellTemplate": "tableDateCellTemplate"; "tableCellTemplate": "tableCellTemplate"; "tableTranslationKeyCellTemplate": "tableTranslationKeyCellTemplate"; "gridItemSubtitleLinesTemplate": "gridItemSubtitleLinesTemplate"; "listItemSubtitleLinesTemplate": "listItemSubtitleLinesTemplate"; "gridItemTemplate": "gridItemTemplate"; "listItemTemplate": "listItemTemplate"; "tableRelativeDateCellTemplate": "tableRelativeDateCellTemplate"; "additionalActions": "additionalActions"; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["stringTableCellChildTemplate", "numberTableCellChildTemplate", "tableDateCellChildTemplate", "tableCellChildTemplate", "tableTranslationKeyCellChildTemplate", "gridItemSubtitleLinesChildTemplate", "listItemSubtitleLinesChildTemplate", "gridItemChildTemplate", "listItemChildTemplate", "tableRelativeDateCellChildTemplate"], never, false, never>;
+}