@onecx/angular-accelerator 5.6.0 → 5.8.0

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

@@ -1,13 +1,15 @@
-import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
-import { DataTableColumn } from '../../model/data-table-column.model';
+import { AfterContentInit, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { PrimeTemplate } from 'primeng/api';
+import { DataAction } from '../../model/data-action';
 import { DataSortDirection } from '../../model/data-sort-direction';
-import { Filter, Row, Sort } from '../data-table/data-table.component';
-import { DataViewComponent, RowListGridData } from '../data-view/data-view.component';
+import { DataTableColumn } from '../../model/data-table-column.model';
 import { GroupSelectionChangedEvent } from '../column-group-selection/column-group-selection.component';
 import { ActionColumnChangedEvent, ColumnSelectionChangedEvent } from '../custom-group-column-selector/custom-group-column-selector.component';
-import { DataAction } from '../../model/data-action';
+import { Filter, Row, Sort } from '../data-table/data-table.component';
+import { DataViewComponent, RowListGridData } from '../data-view/data-view.component';
+import { BehaviorSubject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class InteractiveDataViewComponent implements OnInit {
+export declare class InteractiveDataViewComponent implements OnInit, AfterContentInit {
     _dataViewComponent: DataViewComponent | undefined;
     set dataView(ref: DataViewComponent | undefined);
     get dataView(): DataViewComponent | undefined;
@@ -70,10 +72,41 @@ export declare class InteractiveDataViewComponent implements OnInit {
     listItemSubtitleLines: TemplateRef<any> | undefined;
     stringTableCell: TemplateRef<any> | undefined;
     numberTableCell: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column
+     * use the new approach instead by following the naming convention column id + IdTableCell
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdTableCell"
+     */
     customTableCell: TemplateRef<any> | undefined;
     gridItem: TemplateRef<any> | undefined;
     listItem: TemplateRef<any> | undefined;
     topCenter: TemplateRef<any> | undefined;
+    listValue: TemplateRef<any> | undefined;
+    translationKeyListValue: TemplateRef<any> | undefined;
+    numberListValue: TemplateRef<any> | undefined;
+    relativeDateListValue: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column
+     * use the new approach instead by following the naming convention column id + IdListValue
+     * e.g. for a column with the id 'status' DataListGrid use pTemplate="statusIdListValue"
+     */
+    customListValue: TemplateRef<any> | undefined;
+    stringListValue: TemplateRef<any> | undefined;
+    dateListValue: TemplateRef<any> | undefined;
+    tableFilterCell: TemplateRef<any> | undefined;
+    dateTableFilterCell: TemplateRef<any> | undefined;
+    relativeDateTableFilterCell: TemplateRef<any> | undefined;
+    translationKeyTableFilterCell: TemplateRef<any> | undefined;
+    stringTableFilterCell: TemplateRef<any> | undefined;
+    numberTableFilterCell: TemplateRef<any> | undefined;
+    /**
+     * @deprecated Will be removed and instead to change the template of a specific column filter
+     * use the new approach instead by following the naming convention column id + IdTableFilterCell
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdTableFilterCell"
+     */
+    customTableFilterCell: TemplateRef<any> | undefined;
+    templates$: BehaviorSubject<QueryList<PrimeTemplate> | undefined>;
+    set templates(value: QueryList<PrimeTemplate> | undefined);
     filtered: EventEmitter<Filter[]>;
     sorted: EventEmitter<Sort>;
     deleteItem: EventEmitter<RowListGridData>;
@@ -104,10 +137,25 @@ export declare class InteractiveDataViewComponent implements OnInit {
     get _translationKeyTableCell(): TemplateRef<any> | undefined;
     get _gridItem(): TemplateRef<any> | undefined;
     get _listItem(): TemplateRef<any> | undefined;
+    get _listValue(): TemplateRef<any> | undefined;
+    get _translationKeyListValue(): TemplateRef<any> | undefined;
+    get _numberListValue(): TemplateRef<any> | undefined;
+    get _relativeDateListValue(): TemplateRef<any> | undefined;
+    get _customListValue(): TemplateRef<any> | undefined;
+    get _stringListValue(): TemplateRef<any> | undefined;
+    get _dateListValue(): TemplateRef<any> | undefined;
+    get _tableFilterCell(): TemplateRef<any> | undefined;
+    get _dateTableFilterCell(): TemplateRef<any> | undefined;
+    get _relativeDateTableFilterCell(): TemplateRef<any> | undefined;
+    get _translationKeyTableFilterCell(): TemplateRef<any> | undefined;
+    get _stringTableFilterCell(): TemplateRef<any> | undefined;
+    get _numberTableFilterCell(): TemplateRef<any> | undefined;
+    get _customTableFilterCell(): TemplateRef<any> | undefined;
     _data: RowListGridData[];
     get data(): RowListGridData[];
     set data(value: RowListGridData[]);
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     filtering(event: any): void;
     sorting(event: any): void;
     onDeleteElement(element: RowListGridData): void;
@@ -123,5 +171,5 @@ export declare class InteractiveDataViewComponent implements OnInit {
     onRowSelectionChange(event: Row[]): void;
     onPageChange(event: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InteractiveDataViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnsChange": "displayedColumnsChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InteractiveDataViewComponent, "ocx-interactive-data-view", never, { "deletePermission": { "alias": "deletePermission"; "required": false; }; "editPermission": { "alias": "editPermission"; "required": false; }; "viewPermission": { "alias": "viewPermission"; "required": false; }; "deleteActionVisibleField": { "alias": "deleteActionVisibleField"; "required": false; }; "deleteActionEnabledField": { "alias": "deleteActionEnabledField"; "required": false; }; "viewActionVisibleField": { "alias": "viewActionVisibleField"; "required": false; }; "viewActionEnabledField": { "alias": "viewActionEnabledField"; "required": false; }; "editActionVisibleField": { "alias": "editActionVisibleField"; "required": false; }; "editActionEnabledField": { "alias": "editActionEnabledField"; "required": false; }; "name": { "alias": "name"; "required": false; }; "titleLineId": { "alias": "titleLineId"; "required": false; }; "subtitleLineIds": { "alias": "subtitleLineIds"; "required": false; }; "supportedViewLayouts": { "alias": "supportedViewLayouts"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "emptyResultsMessage": { "alias": "emptyResultsMessage"; "required": false; }; "clientSideSorting": { "alias": "clientSideSorting"; "required": false; }; "clientSideFiltering": { "alias": "clientSideFiltering"; "required": false; }; "fallbackImage": { "alias": "fallbackImage"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "sortDirection": { "alias": "sortDirection"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "sortStates": { "alias": "sortStates"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalRecordsOnServer": { "alias": "totalRecordsOnServer"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "defaultGroupKey": { "alias": "defaultGroupKey"; "required": false; }; "customGroupKey": { "alias": "customGroupKey"; "required": false; }; "groupSelectionNoGroupSelectedKey": { "alias": "groupSelectionNoGroupSelectedKey"; "required": false; }; "currentPageShowingKey": { "alias": "currentPageShowingKey"; "required": false; }; "currentPageShowingWithTotalOnServerKey": { "alias": "currentPageShowingWithTotalOnServerKey"; "required": false; }; "additionalActions": { "alias": "additionalActions"; "required": false; }; "listGridPaginator": { "alias": "listGridPaginator"; "required": false; }; "tablePaginator": { "alias": "tablePaginator"; "required": false; }; "page": { "alias": "page"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "frozenActionColumn": { "alias": "frozenActionColumn"; "required": false; }; "actionColumnPosition": { "alias": "actionColumnPosition"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "filtered": "filtered"; "sorted": "sorted"; "deleteItem": "deleteItem"; "viewItem": "viewItem"; "editItem": "editItem"; "dataViewLayoutChange": "dataViewLayoutChange"; "displayedColumnsChange": "displayedColumnsChange"; "selectionChanged": "selectionChanged"; "pageChanged": "pageChanged"; }, ["tableCell", "tableDateCell", "dateTableCell", "tableRelativeDateCell", "relativeDateTableCell", "tableTranslationKeyCell", "translationKeyTableCell", "gridItemSubtitleLines", "listItemSubtitleLines", "stringTableCell", "numberTableCell", "customTableCell", "gridItem", "listItem", "topCenter", "listValue", "translationKeyListValue", "numberListValue", "relativeDateListValue", "customListValue", "stringListValue", "dateListValue", "tableFilterCell", "dateTableFilterCell", "relativeDateTableFilterCell", "translationKeyTableFilterCell", "stringTableFilterCell", "numberTableFilterCell", "customTableFilterCell", "templates"], never, false, never>;
 }

package/lib/directives/tooltipOnOverflow.directive.d.ts

@@ -0,0 +1,14 @@
+import { AfterViewInit, ElementRef, NgZone, OnDestroy, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
+import { PrimeNGConfig } from 'primeng/api';
+import { Tooltip } from 'primeng/tooltip';
+import * as i0 from "@angular/core";
+export 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(platformId: any, el: ElementRef, zone: NgZone, config: PrimeNGConfig, renderer: Renderer2, viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipOnOverflowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipOnOverflowDirective, "[ocxTooltipOnOverflow]", never, { "ocxTooltipOnOverflow": { "alias": "ocxTooltipOnOverflow"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/model/column-type.model.d.ts

@@ -4,5 +4,11 @@ export declare enum ColumnType {
     DATE = "DATE",
     RELATIVE_DATE = "RELATIVE_DATE",
     TRANSLATION_KEY = "TRANSLATION_KEY",
+    /**
+     * @deprecated Will be removed with the next major v6 upgrade.
+     * Please use pTemplate="column id + IdCell" in DataTable or
+     * pTemplate="column id + IdTableCell" in DataView and InteractiveDataView
+     * e.g. for a column with the id 'status' in DataTable use pTemplate="statusIdCell"
+     */
     CUSTOM = "CUSTOM"
 }

package/package.json

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

package/testing/data-table.harness.d.ts

@@ -13,5 +13,5 @@ export declare class DataTableHarness extends ContentContainerComponentHarness {
     actionButtonIsDisabled(actionButton: TestElement): Promise<any>;
     hasAmountOfActionButtons(amount: number): Promise<boolean>;
     hasAmountOfDisabledActionButtons(amount: number): Promise<boolean>;
-    columnIsFrozen(column: TestElement | null): Promise<boolean>;
+    columnIsFrozen(column: TestElement | null | undefined): Promise<boolean>;
 }

package/testing/data-view.harness.d.ts

@@ -3,6 +3,6 @@ import { DataListGridHarness } from './data-list-grid.harness';
 import { DataTableHarness } from './data-table.harness';
 export declare class DataViewHarness extends ContentContainerComponentHarness {
     static hostSelector: string;
-    getDataTable: import("@angular/cdk/testing").AsyncFactoryFn<DataTableHarness>;
-    getDataListGrid: import("@angular/cdk/testing").AsyncFactoryFn<DataListGridHarness>;
+    getDataTable: import("@angular/cdk/testing").AsyncFactoryFn<DataTableHarness | null>;
+    getDataListGrid: import("@angular/cdk/testing").AsyncFactoryFn<DataListGridHarness | null>;
 }