cats-data-grid 2.0.6 → 2.0.8

package/index.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { OnChanges, OnInit, ElementRef, EventEmitter, Renderer2, NgZone, ChangeDetectorRef, SimpleChanges, DoCheck, AfterViewInit, OnDestroy } from '@angular/core';
+import { OnChanges, OnInit, ElementRef, EventEmitter, Renderer2, NgZone, ChangeDetectorRef, SimpleChanges, DoCheck, AfterViewInit, OnDestroy, ApplicationRef, Injector } from '@angular/core';
+import { FormControl } from '@angular/forms';
 
 declare class CatsDataGridService {
     constructor();
@@ -52,6 +53,7 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     settingsClicked: boolean;
     resetPage: boolean;
     rowId: any;
+    bigRows: boolean;
     showDropdown: boolean;
     height: number;
     groupByRequired: boolean;
@@ -60,6 +62,8 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     onScrollEmitter: EventEmitter<any>;
     filter: EventEmitter<any>;
     onHideSettings: EventEmitter<any>;
+    onCellEdit: EventEmitter<any>;
+    onColConfigChange: EventEmitter<any>;
     activeFilterIndex: number | null;
     originalRowData: any[];
     activeAll: boolean;
@@ -91,6 +95,14 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     groupBy: string[];
     groupByField: string;
     dragGroupIndex: number | null;
+    categorizedCols: any;
+    noCategoryCols: any[];
+    objectKeys: {
+        (o: object): string[];
+        (o: {}): string[];
+    };
+    allActiveDefault: boolean;
+    allActiveColMap: Record<string, boolean>;
     dateConfig: DateConfig;
     filterOptions: {
         label: string;
@@ -112,18 +124,63 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     appliedFiltersEvent: EventEmitter<ColumnFilter[]>;
     activeGroupsEvent: EventEmitter<any[]>;
     dynamicGroupingFiltering: boolean;
+    isRowsEditable: boolean;
+    showSkeleton: boolean;
     atLeastOneColumnChecked: boolean;
     draggedRowData: any;
     firstCol: any;
     isRowSelected: boolean;
     onRowClicked: EventEmitter<any>;
     onCellClicked: EventEmitter<any>;
+    isCellDblClicked: any;
+    cellClickedCtrl: FormControl<string | null>;
+    previousId: string;
+    editingRow: any;
+    editingField: string;
+    clickTimer: any;
+    clickDelay: number;
+    cellClickedColumn: any;
+    enterPressed: boolean;
+    leftPinned: any;
+    rightPinned: any;
+    centerArea: any;
+    groupingDisabled: boolean;
+    draggableColumn: any;
+    skeletonRowsLength: number;
+    skeletonColsLength: number;
+    skeletonRows: any;
+    skeletonCols: any;
+    allActiveCol: boolean;
+    originalCategorizedCols: any;
+    originalNoCategoryCols: any[];
     constructor(renderer: Renderer2, zone: NgZone, cd: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    onColConfigSearch(event: any): void;
+    cloneColDefs(colDefs: any[]): any[];
+    resetDefaultColConfig(): void;
+    /**
+     * Autosize column to fit content
+     */
+    protected autosizeColumn(col: any): void;
+    /**
+     * Autosize all columns
+     */
+    protected autosizeAllColumns(): void;
+    getColConfigCategory(colDefs: any[]): {
+        categorized: Record<string, any[]>;
+        noCategory: any[];
+    };
     getColumnDetail(colDefs: any, groupByField: any): any;
     activeAllSelection(event: Event): void;
+    showAllSelection(): void;
+    showAllDefaultSelection(): void;
+    rebuildView(): void;
+    showAllCategorySelection(category: string): void;
+    toggleSelectedCol(col: any): void;
+    updateGlobalState(): void;
     changeActiveColSelection(event: Event, col: any): void;
+    getActiveCols(): void;
     /**
      * @description Prepares and normalizes column definitions for filtering and menu behavior
      * @author Anand Pandey
@@ -377,7 +434,7 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
      * @param {event object, index}
      * @returns {void}
      */
-    onDragStart(event: DragEvent, index: number): void;
+    onDragStart(event: DragEvent, index: number, col: any): void;
     onGroupDragStart(event: DragEvent, index: number): void;
     /**
      * @author Anand Pandey
@@ -475,11 +532,17 @@ declare class CatsDataGridComponent implements OnChanges, OnInit {
     onBtLastClick(): void;
     onRowClick(row: any): void;
     onCellClick(row: any, col: any): void;
+    onCellDblClick(row: any, col: any): void;
+    onEnter(): void;
+    onBlur(): void;
+    onCellEditSave(): void;
+    setFieldValue(row: any, field: string, value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CatsDataGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CatsDataGridComponent, "cats-data-grid", never, { "tableOptions": { "alias": "tableOptions"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "colDefs": { "alias": "colDefs"; "required": false; }; "paginationRequired": { "alias": "paginationRequired"; "required": false; }; "selectedRowEmpty": { "alias": "selectedRowEmpty"; "required": false; }; "filterRequired": { "alias": "filterRequired"; "required": false; }; "threeDotsMenuRequired": { "alias": "threeDotsMenuRequired"; "required": false; }; "settingsRequired": { "alias": "settingsRequired"; "required": false; }; "settingsClicked": { "alias": "settingsClicked"; "required": false; }; "resetPage": { "alias": "resetPage"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "height": { "alias": "height"; "required": false; }; "groupByRequired": { "alias": "groupByRequired"; "required": false; }; "pageSizeList": { "alias": "pageSizeList"; "required": false; }; "groupByField": { "alias": "groupByField"; "required": false; }; "appliedFilters": { "alias": "appliedFilters"; "required": false; }; "rowGripFieldName": { "alias": "rowGripFieldName"; "required": false; }; "pageNumber": { "alias": "pageNumber"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "dynamicGroupingFiltering": { "alias": "dynamicGroupingFiltering"; "required": false; }; }, { "onPaginationChange": "onPaginationChange"; "onCheckboxSelection": "onCheckboxSelection"; "onScrollEmitter": "onScrollEmitter"; "filter": "filter"; "onHideSettings": "onHideSettings"; "appliedFiltersEvent": "appliedFiltersEvent"; "activeGroupsEvent": "activeGroupsEvent"; "onRowClicked": "onRowClicked"; "onCellClicked": "onCellClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CatsDataGridComponent, "cats-data-grid", never, { "tableOptions": { "alias": "tableOptions"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "rowData": { "alias": "rowData"; "required": true; }; "colDefs": { "alias": "colDefs"; "required": true; }; "paginationRequired": { "alias": "paginationRequired"; "required": false; }; "selectedRowEmpty": { "alias": "selectedRowEmpty"; "required": false; }; "filterRequired": { "alias": "filterRequired"; "required": false; }; "threeDotsMenuRequired": { "alias": "threeDotsMenuRequired"; "required": false; }; "settingsRequired": { "alias": "settingsRequired"; "required": false; }; "settingsClicked": { "alias": "settingsClicked"; "required": false; }; "resetPage": { "alias": "resetPage"; "required": false; }; "rowId": { "alias": "rowId"; "required": false; }; "bigRows": { "alias": "bigRows"; "required": false; }; "height": { "alias": "height"; "required": false; }; "groupByRequired": { "alias": "groupByRequired"; "required": false; }; "pageSizeList": { "alias": "pageSizeList"; "required": false; }; "groupByField": { "alias": "groupByField"; "required": false; }; "appliedFilters": { "alias": "appliedFilters"; "required": false; }; "rowGripFieldName": { "alias": "rowGripFieldName"; "required": false; }; "pageNumber": { "alias": "pageNumber"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "dynamicGroupingFiltering": { "alias": "dynamicGroupingFiltering"; "required": false; }; "isRowsEditable": { "alias": "isRowsEditable"; "required": false; }; "showSkeleton": { "alias": "showSkeleton"; "required": false; }; "skeletonRowsLength": { "alias": "skeletonRowsLength"; "required": false; }; "skeletonColsLength": { "alias": "skeletonColsLength"; "required": false; }; }, { "onPaginationChange": "onPaginationChange"; "onCheckboxSelection": "onCheckboxSelection"; "onScrollEmitter": "onScrollEmitter"; "filter": "filter"; "onHideSettings": "onHideSettings"; "onCellEdit": "onCellEdit"; "onColConfigChange": "onColConfigChange"; "appliedFiltersEvent": "appliedFiltersEvent"; "activeGroupsEvent": "activeGroupsEvent"; "onRowClicked": "onRowClicked"; "onCellClicked": "onCellClicked"; }, never, never, true, never>;
 }
 
 declare class CommonRendererComponent {
+    parentContainer: HTMLElement;
     params: any;
     private static _activeRowId;
     private static _activeTagId;
@@ -498,6 +561,7 @@ declare class CommonRendererComponent {
      * @returns {string | undefined}
      */
     get type(): any;
+    get subType(): any;
     /**
      * @description Returns the renderer subtype defined in cellRendererParams.
      * @author Anand Pandey
@@ -611,17 +675,14 @@ declare class CommonRendererComponent {
      * @param {string} valueProp Property name assigned to the normalized output value
      * @returns {Array<{ [key: string]: string; class: string }>} Array of normalized value objects
      */
-    transformValue(key: string, valueProp: any): {
-        [valueProp]: any;
-        class: any;
-    }[];
+    transformValue(key: string, valueProp: any): any[];
     parseColValue(row: any, col: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommonRendererComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CommonRendererComponent, "lib-common-renderer", never, {}, {}, never, never, true, never>;
 }
 
 interface CatsTreeTableColumn {
-    field: string;
+    fieldName: string;
     header?: string;
     width?: number;
     minWidth?: number;
@@ -642,6 +703,8 @@ interface CatsTreeTableColumn {
     selectedValues?: Set<any>;
     cellRenderer?: any;
     cellRendererParams?: any;
+    filterLogic?: 'AND' | 'OR';
+    headerLocked?: boolean;
 }
 interface TreeFilterCondition {
     filterOperation: string;
@@ -661,9 +724,9 @@ interface CatsTreeExpandEvent<T = any> {
     expanded: boolean;
 }
 interface CatsTreeSelectionChangeEvent<T = any> {
-    node: T;
-    level: number;
-    path: T[];
+    node?: T;
+    level?: number;
+    path?: T[];
     checked: boolean;
     selectedNodes: T[];
 }
@@ -672,6 +735,7 @@ interface CatsTreeLinkClickEvent<T = any> {
     level: number;
     path: T[];
     url: string | null;
+    col: CatsTreeTableColumn;
 }
 type RowKind = 'node' | 'loading' | 'no-data';
 interface RowView<T = any> {
@@ -689,7 +753,9 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     pinMenu?: ElementRef<HTMLElement>;
     data: T[];
     columns: CatsTreeTableColumn[];
+    tableOptions: any;
     idField: string;
+    rowId: string;
     labelField: string;
     childrenField: string;
     treeColumnField?: string;
@@ -702,6 +768,7 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     showNodeIcon: boolean;
     noDataText: string;
     loadingText: string;
+    expandAllNodes: boolean;
     emitExpandAlways: boolean;
     sortingRequired: boolean;
     filterRequired: boolean;
@@ -710,22 +777,35 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     settingsClicked: boolean;
     checkBoxSelection: boolean;
     checkboxSelectionType: 'multiple' | 'single';
+    paginationRequired: boolean;
+    pageSizeList: number[];
+    totalRecords: number;
+    resetPage: boolean;
     isExpandable: (node: T, level: number, path: T[]) => boolean;
     rowOptionsResolver: (node: T, level: number, path: T[]) => CatsTreeRowOptions;
-    nodeIconResolver: (node: T, level: number, path: T[]) => string | null;
+    nodeIconResolver: (node: T, level: number, path: T[], expanded: boolean) => string | null;
     linkResolver: (node: T, level: number, path: T[]) => string | null;
+    showSkeleton: boolean;
     nodeToggle: EventEmitter<CatsTreeExpandEvent<T>>;
     selectionChange: EventEmitter<CatsTreeSelectionChangeEvent<T>>;
     linkClick: EventEmitter<CatsTreeLinkClickEvent<T>>;
+    linkDoubleClick: EventEmitter<CatsTreeLinkClickEvent<T>>;
     onHideSettings: EventEmitter<any>;
+    onPaginationChange: EventEmitter<any>;
+    onColConfigChange: EventEmitter<any>;
+    dateConfig: DateConfig;
     protected rows: RowView<T>[];
+    private linkClickTimer;
+    private linkClickDelay;
+    pageDetails: any;
+    recordsToShow: any;
     sortingColumnIndex: number | null;
     sortingType: {
         [key: number]: string;
     };
     filteredData: T[];
     originalRowData: T[];
-    activeFilters: Map<string, any>;
+    activeFilters: Set<any>;
     appliedFilters: any[];
     menuVisible: boolean[];
     dragOverIndex: number | null;
@@ -746,11 +826,18 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     atLeastOneColumnChecked: boolean;
     selectedRow: T[];
     originalColumns: CatsTreeTableColumn[];
+    originalCategorizedCols: any;
+    originalNoCategoryCols: any[];
+    skeletonRowsLength: number;
+    skeletonColsLength: number;
+    skeletonRows: any;
+    skeletonCols: any;
     private removeMouseMove;
     private removeMouseUp;
     private rafId;
     private removeDragOver;
     private removeDrop;
+    private originalExpandedKeys;
     filterOptions: {
         label: string;
         value: string;
@@ -764,11 +851,35 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     private fallbackKey;
     private fallbackSeq;
     private resolvedTreeColumnField?;
+    activeColumns: CatsTreeTableColumn[];
+    categorizedCols: any;
+    noCategoryCols: any[];
+    objectKeys: {
+        (o: object): string[];
+        (o: {}): string[];
+    };
+    allActiveDefault: boolean;
+    allActiveColMap: Record<string, boolean>;
     constructor(renderer: Renderer2, zone: NgZone, cd: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    getUpdatedColDefs(colDefs: any[]): any[];
+    cloneColDefs(colDefs: any[]): any[];
+    resetDefaultColConfig(): void;
+    normalizeSetFilterType(value: any, key: string): any[] | undefined;
     ngOnChanges(changes: SimpleChanges): void;
     ngDoCheck(): void;
+    getColConfigCategory(colDefs: any[]): {
+        categorized: Record<string, any[]>;
+        noCategory: any[];
+    };
+    onColConfigSearch(event: any): void;
+    showAllDefaultSelection(): void;
+    rebuildView(): void;
+    showAllCategorySelection(category: string): void;
+    toggleSelectedCol(col: any): void;
+    updateGlobalState(): void;
+    getActiveCols(): void;
     protected get treeColumn(): CatsTreeTableColumn;
     /**
      * Initialize column properties for filtering, sorting, and customization
@@ -790,10 +901,10 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
      * Apply sorting to the row data
      */
     private applySort;
-    /**
-     * Apply all active filters
-     */
-    applyAllFilters(): void;
+    applyAllFilters(col?: any): void;
+    private filterTreeByColumn;
+    private matchesSingleColumn;
+    private expandAllParentsAfterFilter;
     /**
      * Evaluate text filter condition
      */
@@ -885,7 +996,27 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
      */
     protected openMenu(event: MouseEvent, col: CatsTreeTableColumn, index: number): void;
     /**
-     * On header checkbox change
+     * Recursively select all children of a node
+     */
+    private selectAllChildren;
+    /**
+     * Recursively deselect all children of a node
+     */
+    private deselectAllChildren;
+    /**
+     * Recursively select all nodes in the tree
+     */
+    private selectAllNodes;
+    /**
+     * Recursively deselect all nodes in the tree
+     */
+    private deselectAllNodes;
+    /**
+     * Update parent node selection based on children state
+     */
+    private updateParentSelection;
+    /**
+     * On header checkbox change - select all nodes hierarchically
      */
     protected onHeaderCheckboxChange(event: any): void;
     /**
@@ -904,11 +1035,31 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
      * Check if row is selected
      */
     protected isRowSelected(node: T): boolean;
+    /**
+     * Check if a node has indeterminate selection state (some but not all children selected)
+     */
+    protected isNodeIndeterminate(node: T): boolean;
+    /**
+     * Check header checkbox indeterminate state
+     */
+    protected checkHeaderIndeterminate(): boolean;
+    /**
+     * Check if header checkbox should be checked
+     */
+    protected checkHeaderChecked(): boolean;
     protected toggle(node: T, level: number, path: T[]): void;
+    /**
+     * Recursively collapse all children of a node
+     */
+    private collapseAllChildren;
     protected isExpanded(node: T): boolean;
+    protected showExpandAllControl(col: CatsTreeTableColumn): boolean;
+    protected toggleAllNodes(): void;
+    protected allNodesExpanded(): boolean;
     protected onCheckboxChange(node: T, level: number, path: T[], checked: boolean): void;
     protected isChecked(node: T): boolean;
-    protected onLinkClicked(e: MouseEvent, node: T, level: number, path: T[]): void;
+    protected onLinkClicked(e: MouseEvent, node: T, level: number, path: T[], col: CatsTreeTableColumn): void;
+    protected onLinkDoubleClicked(e: MouseEvent, node: T, level: number, path: T[], col: CatsTreeTableColumn): void;
     protected resolveIconSrc(icon: string | null): string | null;
     protected getValue(node: T, fieldPath: string): any;
     protected isNodeRow(row: RowView<T>): boolean;
@@ -922,7 +1073,52 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     protected toggleIconFor(row: RowView<T>): string;
     protected nodeIconFor(row: RowView<T>): string | null;
     protected linkUrlFor(row: RowView<T>): string | null;
+    /**
+     * Set page count based on total records and page size
+     */
+    protected setPageCount(): void;
+    /**
+     * On page size changed
+     */
+    protected onPageSizeChanged(event: any): void;
+    /**
+     * On first button click
+     */
+    protected onBtFirstClick(): void;
+    /**
+     * On previous button click
+     */
+    protected onBtPrevClick(): void;
+    /**
+     * On next button click
+     */
+    protected onBtNextClick(): void;
+    /**
+     * On last button click
+     */
+    protected onBtLastClick(): void;
+    /**
+     * Go to selected page
+     */
+    protected goToSelectedPage(event: any): void;
+    /**
+     * @description method to reset table configuration
+     * @author Tarun Kumar
+     * @param none
+     * @returns void
+     */
+    resetPagination(): void;
+    /**
+     * Convert to number
+     */
+    protected convertToNumber(val: any): number;
     private getChildren;
+    private applyExpandAllInputState;
+    private setAllNodesExpandedState;
+    private collectExpandableNodeKeys;
+    private areAllExpandableNodesExpanded;
+    private hasExpandableNodes;
+    private syncOriginalExpandedKeys;
     private rebuildRows;
     private walk;
     private getNodeKey;
@@ -951,9 +1147,127 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
      * Save column state
      */
     private saveColumnState;
+    /**
+     * Returns filtered hierarchy based on column filters with AND/OR logic, including number filter support
+     */
+    getFilteredHierarchy(): T[];
+    /**
+     * Evaluate number filter condition
+     */
+    private evaluateNumberFilterCondition;
+    dateTimeSelected(date: any): void;
+    /**
+     * @description
+     * Checks whether all options inside a Set Filter are currently selected.
+     * @author Anand Pandey
+     * @param col - Column definition object
+     * @returns boolean - TRUE if all options are selected, otherwise FALSE.
+     */
+    isAllSelected(col: any): boolean;
+    /**
+     * @description  * Selects or deselects all checkbox options in the Set Filter.
+     * @author Anand Pandey
+     * @param col - Column definition object
+     * @param event - Checkbox change event
+     * @returns void
+     */
+    toggleSelectAll(col: any, event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommonTreeTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CommonTreeTableComponent<any>, "cats-tree-table", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "labelField": { "alias": "labelField"; "required": false; }; "childrenField": { "alias": "childrenField"; "required": false; }; "treeColumnField": { "alias": "treeColumnField"; "required": false; }; "indentPx": { "alias": "indentPx"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "iconBasePath": { "alias": "iconBasePath"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "showNodeIcon": { "alias": "showNodeIcon"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "emitExpandAlways": { "alias": "emitExpandAlways"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "filterRequired": { "alias": "filterRequired"; "required": false; }; "threeDotsMenuRequired": { "alias": "threeDotsMenuRequired"; "required": false; }; "settingsRequired": { "alias": "settingsRequired"; "required": false; }; "settingsClicked": { "alias": "settingsClicked"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "isExpandable": { "alias": "isExpandable"; "required": false; }; "rowOptionsResolver": { "alias": "rowOptionsResolver"; "required": false; }; "nodeIconResolver": { "alias": "nodeIconResolver"; "required": false; }; "linkResolver": { "alias": "linkResolver"; "required": false; }; }, { "nodeToggle": "nodeToggle"; "selectionChange": "selectionChange"; "linkClick": "linkClick"; "onHideSettings": "onHideSettings"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CommonTreeTableComponent<any>, "cats-tree-table", never, { "data": { "alias": "data"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "tableOptions": { "alias": "tableOptions"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "labelField": { "alias": "labelField"; "required": false; }; "childrenField": { "alias": "childrenField"; "required": false; }; "treeColumnField": { "alias": "treeColumnField"; "required": false; }; "indentPx": { "alias": "indentPx"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "iconBasePath": { "alias": "iconBasePath"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "showNodeIcon": { "alias": "showNodeIcon"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "expandAllNodes": { "alias": "expandAllNodes"; "required": false; }; "emitExpandAlways": { "alias": "emitExpandAlways"; "required": false; }; "sortingRequired": { "alias": "sortingRequired"; "required": false; }; "filterRequired": { "alias": "filterRequired"; "required": false; }; "threeDotsMenuRequired": { "alias": "threeDotsMenuRequired"; "required": false; }; "settingsRequired": { "alias": "settingsRequired"; "required": false; }; "settingsClicked": { "alias": "settingsClicked"; "required": false; }; "checkBoxSelection": { "alias": "checkBoxSelection"; "required": false; }; "checkboxSelectionType": { "alias": "checkboxSelectionType"; "required": false; }; "paginationRequired": { "alias": "paginationRequired"; "required": false; }; "pageSizeList": { "alias": "pageSizeList"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "resetPage": { "alias": "resetPage"; "required": false; }; "isExpandable": { "alias": "isExpandable"; "required": false; }; "rowOptionsResolver": { "alias": "rowOptionsResolver"; "required": false; }; "nodeIconResolver": { "alias": "nodeIconResolver"; "required": false; }; "linkResolver": { "alias": "linkResolver"; "required": false; }; "showSkeleton": { "alias": "showSkeleton"; "required": false; }; "skeletonRowsLength": { "alias": "skeletonRowsLength"; "required": false; }; "skeletonColsLength": { "alias": "skeletonColsLength"; "required": false; }; }, { "nodeToggle": "nodeToggle"; "selectionChange": "selectionChange"; "linkClick": "linkClick"; "linkDoubleClick": "linkDoubleClick"; "onHideSettings": "onHideSettings"; "onPaginationChange": "onPaginationChange"; "onColConfigChange": "onColConfigChange"; }, never, never, true, never>;
+}
+
+type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'adaptive';
+declare class TooltipDirective implements OnInit, OnDestroy {
+    private elementRef;
+    private renderer;
+    private appRef;
+    private injector;
+    private ngZone;
+    content: string;
+    tooltipPosition: TooltipPosition;
+    tooltipDelay: number;
+    tooltipBgColor: string;
+    tooltipTextColor: string;
+    tooltipPadding: string;
+    tooltipFontSize: string;
+    tooltipBorderRadius: string;
+    tooltipMaxWidth: string;
+    followCursor: boolean;
+    tooltipParentContainer: HTMLElement | null;
+    private tooltipElement;
+    private showTimeout;
+    private elementRect;
+    private currentPosition;
+    private componentRef;
+    private cursorX;
+    private cursorY;
+    private isTooltipShown;
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2, appRef: ApplicationRef, injector: Injector, ngZone: NgZone);
+    ngOnInit(): void;
+    onMouseEnter(event: MouseEvent): void;
+    onMouseLeave(): void;
+    onMouseMove(event: MouseEvent): void;
+    private show;
+    private calculateAdaptivePosition;
+    private findParentContainer;
+    private positionTooltip;
+    private hide;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[appTooltip]", never, { "content": { "alias": "appTooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; }; "tooltipBgColor": { "alias": "tooltipBgColor"; "required": false; }; "tooltipTextColor": { "alias": "tooltipTextColor"; "required": false; }; "tooltipPadding": { "alias": "tooltipPadding"; "required": false; }; "tooltipFontSize": { "alias": "tooltipFontSize"; "required": false; }; "tooltipBorderRadius": { "alias": "tooltipBorderRadius"; "required": false; }; "tooltipMaxWidth": { "alias": "tooltipMaxWidth"; "required": false; }; "followCursor": { "alias": "followCursor"; "required": false; }; "tooltipParentContainer": { "alias": "tooltipParentContainer"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class TooltipComponent {
+    content: string;
+    position: TooltipPosition;
+    bgColor: string;
+    textColor: string;
+    padding: string;
+    fontSize: string;
+    borderRadius: string;
+    maxWidth: string;
+    get styleObj(): {
+        'background-color': string;
+        color: string;
+        padding: string;
+        'font-size': string;
+        'border-radius': string;
+        'max-width': string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "app-tooltip", never, { "content": { "alias": "content"; "required": false; }; "position": { "alias": "position"; "required": false; }; "bgColor": { "alias": "bgColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AdaptivePositionDirective implements AfterViewInit, OnDestroy {
+    private host;
+    dropdown: HTMLElement;
+    trigger: HTMLElement;
+    parentContainer: HTMLElement;
+    matchWidth: boolean;
+    closeOnOutside: boolean;
+    isAction: boolean;
+    isColumnActionMenu: boolean;
+    resizeObserver: ResizeObserver;
+    isOpen: boolean;
+    menuItems: HTMLElement[];
+    focusedIndex: number;
+    constructor(host: ElementRef);
+    ngAfterViewInit(): void;
+    open(): void;
+    close(): void;
+    positionDropdown(): void;
+    handleKeys(e: KeyboardEvent): void;
+    moveFocus(delta: number): void;
+    focusItem(index: number): void;
+    selectFocused(): void;
+    prepareItems(): void;
+    handleOutsideClick: (e: Event) => void;
+    setupBaseStyles(): void;
+    observeResize(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdaptivePositionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AdaptivePositionDirective, "[adaptivePosition]", never, { "dropdown": { "alias": "adaptive"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "parentContainer": { "alias": "parentContainer"; "required": false; }; "matchWidth": { "alias": "matchWidth"; "required": false; }; "closeOnOutside": { "alias": "closeOnOutside"; "required": false; }; "isAction": { "alias": "isAction"; "required": false; }; "isColumnActionMenu": { "alias": "isColumnActionMenu"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { CatsDataGridComponent, CatsDataGridService, ColDefs, CommonRendererComponent, CommonTreeTableComponent };
-export type { CatsTreeExpandEvent, CatsTreeLinkClickEvent, CatsTreeRowOptions, CatsTreeSelectionChangeEvent, CatsTreeTableColumn, ColumnFilter, FilterCondition, TreeFilterCondition };
+export { AdaptivePositionDirective, CatsDataGridComponent, CatsDataGridService, ColDefs, CommonRendererComponent, CommonTreeTableComponent, TooltipComponent, TooltipDirective };
+export type { CatsTreeExpandEvent, CatsTreeLinkClickEvent, CatsTreeRowOptions, CatsTreeSelectionChangeEvent, CatsTreeTableColumn, ColumnFilter, FilterCondition, TooltipPosition, TreeFilterCondition };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cats-data-grid",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "peerDependencies": {
     "@angular/core": ">=18 <22",
     "@angular/common": ">=18 <22"