cats-data-grid 2.0.63 → 2.0.65

package/index.d.ts

@@ -1,5 +1,5 @@
 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';
 
 declare class CatsDataGridService {
     constructor();
@@ -498,6 +498,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,10 +612,7 @@ 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>;
@@ -1053,5 +1051,90 @@ declare class CommonTreeTableComponent<T = any> implements OnChanges, DoCheck, A
     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; }; "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; }; }, { "nodeToggle": "nodeToggle"; "selectionChange": "selectionChange"; "linkClick": "linkClick"; "linkDoubleClick": "linkDoubleClick"; "onHideSettings": "onHideSettings"; "onPaginationChange": "onPaginationChange"; }, never, never, true, never>;
 }
 
-export { CatsDataGridComponent, CatsDataGridService, ColDefs, CommonRendererComponent, CommonTreeTableComponent };
-export type { CatsTreeExpandEvent, CatsTreeLinkClickEvent, CatsTreeRowOptions, CatsTreeSelectionChangeEvent, CatsTreeTableColumn, ColumnFilter, FilterCondition, TreeFilterCondition };
+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;
+    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 { 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.63",
+  "version": "2.0.65",
   "peerDependencies": {
     "@angular/core": ">=18 <22",
     "@angular/common": ">=18 <22"

package/styles/component/_form.scss

@@ -368,4 +368,8 @@
 }
 .text-danger {
   color: var(--red) !important;
+}
+
+.tooltip-trigger {
+  cursor: default;
 }