@eternalcodestudio/primeng-table 19.0.0 → 19.0.2

package/lib/components/column-selector/column-selector.d.ts

@@ -13,14 +13,17 @@ export declare class ColumnSelector {
     cellOverflowBehaviourOptions: {
         icon: string;
         val: CellOverflowBehaviour;
+        name: string;
     }[];
     dataAlignHorizontalOptions: {
         icon: string;
         val: DataAlignHorizontal;
+        name: string;
     }[];
     dataAlignVerticalOptions: {
         icon: string;
         val: DataAlignVertical;
+        name: string;
     }[];
     globalSearchText: string | null;
     globalSearchMaxLength: number;

package/lib/components/ecs-primeng-table/ecs-primeng-table.d.ts

@@ -1,55 +1,15 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { Table, TableLazyLoadEvent, TablePageEvent, TableRowSelectEvent, TableRowUnSelectEvent } from 'primeng/table';
-import { MenuItem } from 'primeng/api';
 import { ECSPrimengTableService } from './ecs-primeng-table.service';
 import { CellOverflowBehaviour, DataAlignHorizontal, DataAlignVertical, DataType, FrozenColumnAlign, TableViewSaveMode } from '../../enums';
-import { ITableButton, IColumnMetadata, IPredifinedFilter, ITablePagedResponse, ITableView } from '../../interfaces';
+import { IColumnMetadata, IPredefinedFilter, ITablePagedResponse, ITableView, ITableOptions } from '../../interfaces';
 import { ECSPrimengTableNotificationService } from '../../services';
 import * as i0 from "@angular/core";
-export declare class ECSPrimengTable implements OnInit, AfterViewInit, OnDestroy {
+export declare class ECSPrimengTable implements OnInit, AfterViewInit {
     private tableService;
     private notification;
-    private resizeObserver;
     constructor(tableService: ECSPrimengTableService, notification: ECSPrimengTableNotificationService);
-    isActive: boolean;
-    data: any[];
-    columnsToShow: IColumnMetadata[];
-    computeScrollHeight: boolean;
-    globalSearchEnabled: boolean;
-    globalSearchMaxLength: number;
-    globalSearchPlaceholder: string;
-    columnEditorEnabled: boolean;
-    urlColumnsSource: string;
-    urlDataSource: string;
-    urlExcelReport: string | null;
-    predifinedFiltersCollection: {
-        [key: string]: IPredifinedFilter[];
-    };
-    predifinedFiltersNoSelectionPlaceholder: string;
-    predifinedFiltersCollectionSelectedValuesText: string;
-    rowActionButtons: ITableButton[];
-    headerActionButtons: ITableButton[];
-    copyCellDataToClipboardTimeSecs: number;
-    actionsColumnAligmentRight: boolean;
-    actionsColumnWidth: number;
-    actionsColumnFrozen: boolean;
-    rowSelectorColumnActive: boolean;
-    rowSelectorColumName: string;
-    rowSelectorColumnAligmentRight: boolean;
-    rowSelectorColumnWidth: number;
-    rowSelectorColumnFrozen: boolean;
-    actionsColumnResizable: boolean;
-    actionColumnName: string;
-    rowselectorColumnResizable: boolean;
-    noDataFoundText: string;
-    showClearSortAndFilters: boolean;
-    excelReportTitleDefault: string;
-    excelReportTitleAllowUserEdit: boolean;
-    tableViewSaveAs: TableViewSaveMode;
-    tableViewSaveKey: string;
-    viewsGetSourceURL: string;
-    viewsSaveSourceURL: string;
-    maxTableViews: number;
+    tableOptions: ITableOptions;
     onRowCheckboxChange: EventEmitter<{
         rowID: any;
         selected: boolean;
@@ -62,6 +22,7 @@ export declare class ECSPrimengTable implements OnInit, AfterViewInit, OnDestroy
         rowID: any;
         rowData: any;
     }>;
+    onDataEndUpdate: EventEmitter<void>;
     viewsModalShow: boolean;
     tableViewCurrentSelectedAlias: string | null;
     tableViewsFirstFetchDone: boolean;
@@ -71,10 +32,9 @@ export declare class ECSPrimengTable implements OnInit, AfterViewInit, OnDestroy
     selectedRowsCheckbox: any[];
     dt: Table;
     showRefreshData: boolean;
-    scrollHeight: string;
     globalSearchText: string | null;
     tableViewsList: ITableView[];
-    tableViews_menuItems: MenuItem[];
+    tableViews_menuItems: any[];
     DataType: typeof DataType;
     CellOverflowBehaviour: typeof CellOverflowBehaviour;
     DataAlignHorizontal: typeof DataAlignHorizontal;
@@ -95,32 +55,45 @@ export declare class ECSPrimengTable implements OnInit, AfterViewInit, OnDestroy
     columnsSelected: IColumnMetadata[];
     columnModalData: any[];
     filteredColumnData: any[];
-    predifinedFiltersSelectedValuesCollection: {
+    private initialColumnWidths;
+    private initialTableWidth;
+    predefinedFiltersSelectedValuesCollection: {
         [key: string]: any[];
     };
     private copyCellDataTimer;
     tableLazyLoadEventInformation: TableLazyLoadEvent;
     private initialConfigurationFetched;
+    private maxViews;
     ngOnInit(): void;
     tableContainer: ElementRef;
     headerContainer: ElementRef;
     paginatorContainer: ElementRef;
     ngAfterViewInit(): void;
-    onWindowResize: () => void;
-    calculateScrollHeight(): void;
-    ngOnDestroy(): void;
+    onResize(): void;
+    private calculateScrollHeight;
+    get scrollHeightValue(): string;
     /**
-     * Used to update the data of a table externally outside the component. Use this method instead of 'updateData' to force the data updata of a table
+     * Updates the table data and, if needed, retrieves the initial table configuration from an external source.
+     *
+     * Also allows resetting the table to its original state before any user manipulations.
+     *
+     * @param {boolean} [resetTableView=false] Optional.
+     * - `true`: resets the table state before loading data.
+     * - `false`: refreshes data using the current configuration (and retrieves initial configuration if necessary).
      *
-     * @param {(optionalData?: any) => void} [continueAction] - Optional action to execute after data retrieval if it succeeded.
-     * @param {boolean} [uponContinueActionEndModalHttp=false] - Optional flag to set the loading indicator to inactive after data retrieval.
+     * **_Behavior_**
+     * - The table is automatically set to `isActive = true`.
+     * - If the initial configuration has not been fetched, it will fetch it and then update the data.
+     * - If the initial configuration is already fetched, it will just update the data.
+     * - If `resetTableView` is true and the configuration is already initialized, the table will be reset to its original state before updating the data.
      */
-    updateData(continueAction?: (optionalData?: any) => void, uponContinueActionEndModalHttp?: boolean): void;
-    fetchTableConfiguration(): void;
+    updateData(resetTableView?: boolean): void;
+    private canFetchData;
+    private fetchTableConfiguration;
     private handleTableConfigurationResponse;
     refreshData(event: any): void;
     tableViewsEnabled(): boolean;
-    fetchTableViews(): void;
+    private fetchTableViews;
     private tableViewListProcess;
     viewLoad(tableViewAlias: string): void;
     viewCreate(viewAlias: string): void;
@@ -130,10 +103,12 @@ export declare class ECSPrimengTable implements OnInit, AfterViewInit, OnDestroy
         viewAliasNew: string;
     }): void;
     viewUpdateData(viewAlias: string): void;
+    viewUpdateActiveStartup(viewAlias: string): void;
     viewsSave(endMessage: number): void;
     viewsSaveEnd(endMessage: number): void;
     fetchTableData(event: TableLazyLoadEvent): void;
     private modifyFiltersWithoutGlobalAndSelectedRows;
+    resetTableView(): void;
     private selectorRowFilterBuilder;
     revertDateTimeZoneFilters(inputFilter: any): any;
     handleTableDataResponse(body: ITablePagedResponse): void;
@@ -154,16 +129,16 @@ export declare class ECSPrimengTable implements OnInit, AfterViewInit, OnDestroy
      */
     private hasFilters;
     getColumnStyle(col: any, headerCols?: boolean): Record<string, string>;
-    getPredifinedFilterValues(columnKeyName: string): IPredifinedFilter[];
+    getPredefinedFilterValues(columnKeyName: string): IPredefinedFilter[];
     getFrozenColumnAlignAsText(frozenColumnAlign: FrozenColumnAlign): string;
     getDataTypeAsText(dataType: DataType): string;
     /**
      * Updates the filters of a PrimeNG data table based on predefined filter changes.
      *
      * @param {string} filterName - The name of the filter to be updated.
-     * @param {IPrimengPredifinedFilter[]} selectedValues - An array of selected predefined filter values.
+     * @param {IPrimengPredefinedFilter[]} selectedValues - An array of selected predefined filter values.
      */
-    onPredifinedFilterChange(filterName: string, selectedValues: IPredifinedFilter[]): void;
+    onPredefinedFilterChange(filterName: string, selectedValues: IPredefinedFilter[]): void;
     /**
      * Retrieves the number of values selected for a predefined filter.
      *
@@ -173,8 +148,7 @@ export declare class ECSPrimengTable implements OnInit, AfterViewInit, OnDestroy
      * @param {string} columnKeyName - The key name of the column for which to retrieve the number of selected values.
      * @returns {string} A string indicating the number of selected values for the specified column.
      */
-    predifinedFiltersSelectedValuesText(columnKeyName: string): string;
-    handleButtonsClick(action: (rowData: any) => void, rowData?: any): void;
+    predefinedFiltersSelectedValuesText(columnKeyName: string): string;
     /**
      * Checks if the provided column metadata matches a specific style of the predefined filters
      * that need to be applied to an item on a row.
@@ -198,6 +172,7 @@ export declare class ECSPrimengTable implements OnInit, AfterViewInit, OnDestroy
     private updateColumnsSpecialProperties;
     openExcelExport(): void;
     generateExcelReport(event: any): void;
+    updateIconBlobsForCollections(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ECSPrimengTable, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ECSPrimengTable, "ecs-primeng-table", never, { "isActive": { "alias": "isActive"; "required": false; }; "data": { "alias": "data"; "required": false; }; "columnsToShow": { "alias": "columnsToShow"; "required": false; }; "computeScrollHeight": { "alias": "computeScrollHeight"; "required": false; }; "globalSearchEnabled": { "alias": "globalSearchEnabled"; "required": false; }; "globalSearchMaxLength": { "alias": "globalSearchMaxLength"; "required": false; }; "globalSearchPlaceholder": { "alias": "globalSearchPlaceholder"; "required": false; }; "columnEditorEnabled": { "alias": "columnEditorEnabled"; "required": false; }; "urlColumnsSource": { "alias": "urlColumnsSource"; "required": false; }; "urlDataSource": { "alias": "urlDataSource"; "required": false; }; "urlExcelReport": { "alias": "urlExcelReport"; "required": false; }; "predifinedFiltersCollection": { "alias": "predifinedFiltersCollection"; "required": false; }; "predifinedFiltersNoSelectionPlaceholder": { "alias": "predifinedFiltersNoSelectionPlaceholder"; "required": false; }; "predifinedFiltersCollectionSelectedValuesText": { "alias": "predifinedFiltersCollectionSelectedValuesText"; "required": false; }; "rowActionButtons": { "alias": "rowActionButtons"; "required": false; }; "headerActionButtons": { "alias": "headerActionButtons"; "required": false; }; "copyCellDataToClipboardTimeSecs": { "alias": "copyCellDataToClipboardTimeSecs"; "required": false; }; "actionsColumnAligmentRight": { "alias": "actionsColumnAligmentRight"; "required": false; }; "actionsColumnWidth": { "alias": "actionsColumnWidth"; "required": false; }; "actionsColumnFrozen": { "alias": "actionsColumnFrozen"; "required": false; }; "rowSelectorColumnActive": { "alias": "rowSelectorColumnActive"; "required": false; }; "rowSelectorColumName": { "alias": "rowSelectorColumName"; "required": false; }; "rowSelectorColumnAligmentRight": { "alias": "rowSelectorColumnAligmentRight"; "required": false; }; "rowSelectorColumnWidth": { "alias": "rowSelectorColumnWidth"; "required": false; }; "rowSelectorColumnFrozen": { "alias": "rowSelectorColumnFrozen"; "required": false; }; "actionsColumnResizable": { "alias": "actionsColumnResizable"; "required": false; }; "actionColumnName": { "alias": "actionColumnName"; "required": false; }; "rowselectorColumnResizable": { "alias": "rowselectorColumnResizable"; "required": false; }; "noDataFoundText": { "alias": "noDataFoundText"; "required": false; }; "showClearSortAndFilters": { "alias": "showClearSortAndFilters"; "required": false; }; "excelReportTitleDefault": { "alias": "excelReportTitleDefault"; "required": false; }; "excelReportTitleAllowUserEdit": { "alias": "excelReportTitleAllowUserEdit"; "required": false; }; "tableViewSaveAs": { "alias": "tableViewSaveAs"; "required": false; }; "tableViewSaveKey": { "alias": "tableViewSaveKey"; "required": false; }; "viewsGetSourceURL": { "alias": "viewsGetSourceURL"; "required": false; }; "viewsSaveSourceURL": { "alias": "viewsSaveSourceURL"; "required": false; }; "maxTableViews": { "alias": "maxTableViews"; "required": false; }; }, { "onRowCheckboxChange": "onRowCheckboxChange"; "onRowSelect": "onRowSelect"; "onRowUnselect": "onRowUnselect"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ECSPrimengTable, "ecs-primeng-table", never, { "tableOptions": { "alias": "tableOptions"; "required": false; }; }, { "onRowCheckboxChange": "onRowCheckboxChange"; "onRowSelect": "onRowSelect"; "onRowUnselect": "onRowUnselect"; "onDataEndUpdate": "onDataEndUpdate"; }, never, never, true, never>;
 }

package/lib/components/ecs-primeng-table/ecs-primeng-table.service.d.ts

@@ -1,7 +1,7 @@
 import { Observable } from 'rxjs';
 import { HttpResponse } from '@angular/common/http';
 import { ECSPrimengTableHttpService, ECSPrimengTableNotificationService } from '../../services';
-import { IColumnMetadata, IExcelExportRequest, ITableConfiguration, ITablePagedResponse, ITableView, ITableViewData } from '../../interfaces';
+import { IColumnMetadata, IExcelExportRequest, IPredefinedFilter, ITableConfiguration, ITablePagedResponse, ITableView, ITableViewData } from '../../interfaces';
 import { TableViewSaveMode } from '../../enums';
 import { ITableQueryRequest } from '../../interfaces/table-query-request.interface';
 import { MenuItem } from 'primeng/api';
@@ -14,6 +14,7 @@ export declare class ECSPrimengTableService {
     fetchTableConfiguration(url: string): Observable<HttpResponse<ITableConfiguration>>;
     fetchTableData(url: string, postData: ITableQueryRequest): Observable<HttpResponse<ITablePagedResponse>>;
     fetchExcelReport(url: string, postData: IExcelExportRequest): Observable<HttpResponse<Blob>>;
+    getIconBlob(url: string): Observable<HttpResponse<Blob>>;
     downloadFile(data: Blob, fileName: string, contentType: string): void;
     handleTableError(error: any, customTitle?: string): void;
     orderColumnsWithFrozens(colsToOrder: IColumnMetadata[]): IColumnMetadata[];
@@ -35,6 +36,7 @@ export declare class ECSPrimengTableService {
      * handleButtonsClick(deleteAction, { rowID: 1, name: 'John Doe' });
      */
     handleButtonsClick(action: (rowData: any) => void, rowData?: any): void;
+    handlePredefinedFilterClick(action: (rowData: any, option: IPredefinedFilter) => void, rowData: any | undefined, option: IPredefinedFilter): void;
     getColumnStyle(col: any, headerCols?: boolean): Record<string, string>;
     fetchTableViews(tableViewSaveAs: TableViewSaveMode, recoverListEndpoint: string, tableViewSaveKey: string): ITableView[] | Observable<HttpResponse<ITableView[]>>;
     sortViews(tableSaveViewList: ITableView[]): void;

package/lib/components/table-button/table-button.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { ECSPrimengTableService } from '../ecs-primeng-table/ecs-primeng-table.service';
 import * as i0 from "@angular/core";
 export declare class TableButton {
@@ -8,9 +7,7 @@ export declare class TableButton {
     rowData: any;
     isActionButton: boolean;
     isLastActionButton: boolean;
-    clicked: EventEmitter<any>;
-    isDisabled(): boolean;
     handleClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableButton, "ecs-table-button", never, { "button": { "alias": "button"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "isActionButton": { "alias": "isActionButton"; "required": false; }; "isLastActionButton": { "alias": "isLastActionButton"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableButton, "ecs-table-button", never, { "button": { "alias": "button"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "isActionButton": { "alias": "isActionButton"; "required": false; }; "isLastActionButton": { "alias": "isLastActionButton"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/table-cell/table-cell.d.ts

@@ -1,6 +1,6 @@
 import { DataAlignHorizontal, DataAlignVertical, DataType } from '../../enums';
 import { DatePipe } from '@angular/common';
-import { IColumnMetadata, IPredifinedFilter } from '../../interfaces';
+import { IColumnMetadata, IPredefinedFilter } from '../../interfaces';
 import { SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class TableCell {
@@ -9,8 +9,8 @@ export declare class TableCell {
     col: any;
     rowData: any;
     globalSearchText: string | null;
-    predifinedFiltersCollection: {
-        [key: string]: IPredifinedFilter[];
+    predefinedFiltersCollection?: {
+        [key: string]: IPredefinedFilter[];
     };
     dateFormat: string;
     dateTimezone: string;
@@ -18,6 +18,7 @@ export declare class TableCell {
     DataType: typeof DataType;
     get value(): any;
     get tooltipText(): any;
+    getListValues(col: any, rowData: any): string[];
     getDataAlignHorizontalAsText(dataAlignHorizontal: DataAlignHorizontal): void;
     getDataAlignVerticalAsText(dataAlignVertical: DataAlignVertical): void;
     /**
@@ -36,6 +37,7 @@ export declare class TableCell {
      * // Output might be: '18-Jun-2024 14:30:00 GMT+0000'
      */
     formatDate(value: any): string;
+    getPredefinedFilterTooltip(colMetadata: IColumnMetadata, value: any): any;
     /**
      * Checks if the provided column metadata matches a specific style of the predefined filters
      * that need to be applied to an item on a row.
@@ -45,8 +47,8 @@ export declare class TableCell {
      * @returns {any} The matching predefined filter value if found, otherwise null.
      */
     getPredfinedFilterMatch(colMetadata: IColumnMetadata, value: any): any;
-    getPredifinedFilterValues(columnKeyName: string): IPredifinedFilter[];
+    getPredefinedFilterValues(columnKeyName: string): IPredefinedFilter[];
     highlightText(cellValue: any, colMetadata: IColumnMetadata, globalSearchText: string | null): SafeHtml;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "ecs-table-cell", never, { "col": { "alias": "col"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "globalSearchText": { "alias": "globalSearchText"; "required": false; }; "predifinedFiltersCollection": { "alias": "predifinedFiltersCollection"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "dateTimezone": { "alias": "dateTimezone"; "required": false; }; "dateCulture": { "alias": "dateCulture"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "ecs-table-cell", never, { "col": { "alias": "col"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "globalSearchText": { "alias": "globalSearchText"; "required": false; }; "predefinedFiltersCollection": { "alias": "predefinedFiltersCollection"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "dateTimezone": { "alias": "dateTimezone"; "required": false; }; "dateCulture": { "alias": "dateCulture"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/{table-predifined-filters/table-predifined-filters.d.ts → table-predefined-filters/table-predefined-filters.d.ts}

@@ -1,10 +1,14 @@
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
+import { ECSPrimengTableService } from '../ecs-primeng-table/ecs-primeng-table.service';
 import * as i0 from "@angular/core";
-export declare class TablePredifinedFilters {
+export declare class TablePredefinedFilters {
     private sanitizer;
-    constructor(sanitizer: DomSanitizer);
+    private tableService;
+    constructor(sanitizer: DomSanitizer, tableService: ECSPrimengTableService);
     option: any;
     col: any;
+    selectable: boolean;
+    rowData: any;
     /**
      * Converts a blob from the database to a safe URL that can be used to display an image.
      *
@@ -24,7 +28,8 @@ export declare class TablePredifinedFilters {
      * <img [src]="imageUrl" alt="Image">
      */
     getBlobIconAsUrl(blob: Blob): SafeUrl;
-    getIconStyles(option: any): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TablePredifinedFilters, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TablePredifinedFilters, "ecs-table-predifined-filters", never, { "option": { "alias": "option"; "required": false; }; "col": { "alias": "col"; "required": false; }; }, {}, never, never, true, never>;
+    handleClick(): void;
+    getTagStyle(option: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TablePredefinedFilters, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TablePredefinedFilters, "ecs-table-predefined-filters", never, { "option": { "alias": "option"; "required": false; }; "col": { "alias": "col"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/views-management/views-management.d.ts

@@ -1,15 +1,15 @@
 import { EventEmitter } from '@angular/core';
-import { MenuItem } from 'primeng/api';
 import { ECSPrimengTableNotificationService } from '../../services';
 import * as i0 from "@angular/core";
 export declare class ViewsManagement {
     private notification;
     constructor(notification: ECSPrimengTableNotificationService);
     visible: boolean;
-    tableViews_menuItems: MenuItem[];
+    tableViews_menuItems: any[];
     onViewSelect: EventEmitter<string>;
     onViewDelete: EventEmitter<string>;
     onViewUpdateData: EventEmitter<string>;
+    onViewUpdateActiveStartup: EventEmitter<string>;
     onViewEditAlias: EventEmitter<{
         viewAliasOld: string;
         viewAliasNew: string;
@@ -22,11 +22,12 @@ export declare class ViewsManagement {
     loadView(viewAlias: string): void;
     deleteView(viewAlias: string): void;
     updateView(viewAlias: string): void;
+    updateViewActiveStartup(viewAlias: string): void;
     createView(viewAlias: string): void;
     editViewAlias(viewAliasOld: string, viewAliasNew: string): void;
     showViewEditor(editingViewAlias?: string): void;
     closeModal(): void;
     createOrUpdateTableView(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewsManagement, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ViewsManagement, "ecs-views-management", never, { "visible": { "alias": "visible"; "required": false; }; "tableViews_menuItems": { "alias": "tableViews_menuItems"; "required": false; }; }, { "onViewSelect": "onViewSelect"; "onViewDelete": "onViewDelete"; "onViewUpdateData": "onViewUpdateData"; "onViewEditAlias": "onViewEditAlias"; "onViewCreate": "onViewCreate"; "visibleChange": "visibleChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewsManagement, "ecs-views-management", never, { "visible": { "alias": "visible"; "required": false; }; "tableViews_menuItems": { "alias": "tableViews_menuItems"; "required": false; }; }, { "onViewSelect": "onViewSelect"; "onViewDelete": "onViewDelete"; "onViewUpdateData": "onViewUpdateData"; "onViewUpdateActiveStartup": "onViewUpdateActiveStartup"; "onViewEditAlias": "onViewEditAlias"; "onViewCreate": "onViewCreate"; "visibleChange": "visibleChange"; }, never, never, true, never>;
 }

package/lib/enums/cell-overflow-behaviour.enum.d.ts

@@ -1,4 +1,14 @@
+/**
+ * Enum representing how content that overflows a table cell should be handled.
+ *
+ * @remarks
+ * Determines the visual behavior of cell content when it exceeds the cell's width.
+ */
 export declare enum CellOverflowBehaviour {
+    /** Content that exceeds the cell's width is clipped and not visible. */
     Hidden = 0,
-    Wrap = 1
+    /** Content wraps onto multiple lines to fit within the cell. */
+    Wrap = 1,
+    /** Content is truncated and an ellipsis (...) is shown at the end. */
+    Ellipsis = 2
 }

package/lib/enums/data-align-horizontal.enum.d.ts

@@ -1,5 +1,14 @@
+/**
+ * Enum representing the horizontal alignment of content within a table cell.
+ *
+ * @remarks
+ * Determines how the content inside a cell is positioned horizontally relative to the cell's width.
+ */
 export declare enum DataAlignHorizontal {
+    /** Align content to the left of the cell. */
     Left = 0,
+    /** Align content to the center of the cell. */
     Center = 1,
+    /** Align content to the right of the cell. */
     Right = 2
 }

package/lib/enums/data-align-vertical.enum.d.ts

@@ -1,5 +1,14 @@
+/**
+ * Enum representing the vertical alignment of content within a table cell.
+ *
+ * @remarks
+ * Determines how the content inside a cell is positioned vertically relative to the cell's height.
+ */
 export declare enum DataAlignVertical {
+    /** Align content to the top of the cell. */
     Top = 0,
+    /** Align content to the vertical middle of the cell. */
     Middle = 1,
+    /** Align content to the bottom of the cell. */
     Bottom = 2
 }

package/lib/enums/data-type.enum.enum.d.ts

@@ -1,6 +1,19 @@
+/**
+ * Enum representing the different types of data a table column can hold.
+ *
+ * @remarks
+ * This is used to determine how values should be rendered, formatted, and
+ * filtered in the table component.
+ */
 export declare enum DataType {
+    /** Plain text string values. */
     Text = 0,
+    /** Numeric values, e.g., integers or decimals. */
     Numeric = 1,
+    /** Boolean values (true/false). */
     Boolean = 2,
-    Date = 3
+    /** Date or datetime values. */
+    Date = 3,
+    /** List of values, stored as a string separated by a delimiter (";"). */
+    List = 4
 }

package/lib/enums/frozen-column-align.enum.d.ts

@@ -1,5 +1,15 @@
+/**
+ * Enum representing the alignment of frozen columns in a table.
+ *
+ * @remarks
+ * Used to determine if a column should be frozen, and if so, on which side
+ * of the table it should appear.
+ */
 export declare enum FrozenColumnAlign {
+    /** The column is not frozen. */
     Noone = 0,
+    /** The column is frozen on the left side of the table. */
     Left = 1,
+    /** The column is frozen on the right side of the table. */
     Right = 2
 }

package/lib/enums/table-view-save-mode.enum.d.ts

@@ -1,6 +1,17 @@
+/**
+ * Enum representing the mode used to save the state or configuration of a table view.
+ *
+ * @remarks
+ * Determines where and how the table's view settings (e.g., column order, filters,
+ * sorting) are persisted.
+ */
 export declare enum TableViewSaveMode {
-    noone = 0,
-    sessionStorage = 1,
-    localStorage = 2,
-    databaseStorage = 3
+    /** Do not save the table view state. */
+    None = 0,
+    /** Save the table view state in the browser's sessionStorage (cleared on tab close). */
+    SessionStorage = 1,
+    /** Save the table view state in the browser's localStorage (persists across sessions). */
+    LocalStorage = 2,
+    /** Save the table view state in a backend database (requires server support). */
+    DatabaseStorage = 3
 }

package/lib/interfaces/columns-metadata.interface.d.ts

@@ -13,7 +13,7 @@ export interface IColumnMetadata {
     canBeReordered: boolean;
     canBeSorted: boolean;
     canBeFiltered: boolean;
-    filterPredifinedValuesName: string;
+    filterPredefinedValuesName: string;
     canBeGlobalFiltered: boolean;
     columnDescription: string;
     dataTooltipShow: boolean;

package/lib/interfaces/index.d.ts

@@ -1,8 +1,9 @@
 export * from "./table-button.interface";
 export * from "./excel-export-request.interface";
 export * from "./columns-metadata.interface";
-export * from "./predifined-filter.interface";
+export * from "./predefined-filter.interface";
 export * from "./table-configuration.interface";
+export * from "./table-options.interface";
 export * from "./table-paged-response.interface";
 export * from "./table-query-request.interface";
 export * from "./table-view-data.interface";

package/lib/interfaces/predefined-filter.interface.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Represents a predefined filter value for a column in **ECS PrimeNG tables**.
+ *
+ * Allows displaying a value as text, tag, icon or image (from URL or blob) with optional styles and colors.
+ */
+export interface IPredefinedFilter {
+    /**
+     * The underlying value of the cell. Must match the data returned from the backend for proper filtering and mapping.
+     *
+     * This is also used by the global filter internally.
+     *
+     * **IMPORTANT**: For text and tag representations, it is recommended that `value` matches `name`.
+     */
+    value: string | number;
+    /**
+     * The text displayed in the frontend for this filter value.
+     *
+     * Used when `displayName` is `true` or when displaying a tag.
+     */
+    name?: string;
+    /**
+     * Set to `true` to display the `name` as text in the cell.
+     */
+    displayName?: boolean;
+    /**
+     * Set to `true` to display the `name` as a tag in the cell.
+     */
+    displayTag?: boolean;
+    /**
+     * Optional CSS style object to apply to the tag.
+     *
+     * Example: { background: 'rgb(255,0,0)', color: 'white' }
+     */
+    tagStyle?: {
+        [key: string]: string;
+    };
+    /**
+     * The icon to display for this value.
+     *
+     * Can use icons from PrimeNG, Font Awesome, Material Icons, etc...
+     */
+    icon?: string;
+    /**
+     * Optional color to apply to the icon.
+     *
+     * Example: "red", "#00ff00"
+     */
+    iconColor?: string;
+    /**
+     * Optional CSS style string to apply to the icon.
+     *
+     * Example: "font-size: 1.5rem" "margin-right: 0.5rem"
+     */
+    iconStyle?: string;
+    /**
+     * The image to display directly from a URL.
+     */
+    imageURL?: string;
+    /**
+     * The image to display from a Blob object.
+     */
+    imageBlob?: Blob;
+    /**
+     * If using a Blob and it is not provided directly, the backend endpoint to fetch the Blob from.
+     */
+    imageBlobSourceEndpoint?: string;
+    /**
+     * @internal
+     * Indicates that fetching the Blob from `imageBlobSourceEndpoint` failed.
+     *
+     * **_Do not modify this property manually._**
+     */
+    imageBlobFetchError?: boolean;
+    /**
+     * Optional. The action to execute when the predefined filter is clicked.
+     * @param rowData The row data object of the clicked row.
+     * @param option The IPredefinedFilter data of the predefined element clicked.
+     */
+    action?: (rowData: any, option: IPredefinedFilter) => void;
+}