ngx-ellipsis-tool
Version:
Angular directive that automatically detects when text is truncated with ellipsis (...) and shows a tooltip with the full text — only when needed!
28 lines (27 loc) • 1.16 kB
TypeScript
import { ElementRef } from '@angular/core';
import * as i0 from "@angular/core";
export declare class NgxEllipsisTooltipDirective {
private el;
tooltipText?: string;
placement: 'top' | 'bottom';
delay: number;
tooltipClass: string;
private tooltipRef?;
private appRef;
private envInjector;
private destroyRef;
private showTimeoutId;
constructor(el: ElementRef<HTMLElement>);
onMouseEnter(): void;
onMouseLeave(): void;
onClick(): void;
onDocumentClick(event: MouseEvent): void;
private scheduleShowTooltip;
private cancelShow;
private tryShowTooltip;
private isTruncated;
private showTooltip;
private hideTooltip;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxEllipsisTooltipDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<NgxEllipsisTooltipDirective, "[ngxEllipsisTooltip]", never, { "tooltipText": { "alias": "tooltipText"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; }, {}, never, never, true, never>;
}