@coreui/angular/lib/tooltip/tooltip.directive.d.ts

CoreUI Components Library for Angular

import { AfterViewInit, ElementRef, OnDestroy, OnInit, TemplateRef } from '@angular/core';
import { Options } from '@popperjs/core';
import { Triggers } from '../coreui.types';
import { ElementRefDirective } from '../shared';
import * as i0 from "@angular/core";
export declare class TooltipDirective implements OnDestroy, OnInit, AfterViewInit {
    #private;
    /**
     * Content of tooltip
     * @return {string | TemplateRef}
     */
    readonly content: import("@angular/core").InputSignal<string | TemplateRef<any> | undefined>;
    /**
     * Optional popper Options object, takes precedence over cPopoverPlacement prop
     * @return Partial<Options>
     */
    readonly popperOptions: import("@angular/core").InputSignal<Partial<Options>>;
    readonly popperOptionsComputed: import("@angular/core").Signal<{
        placement: import("@popperjs/core").Placement;
        modifiers?: Partial<import("@popperjs/core").Modifier<any, any>>[] | undefined;
        strategy?: import("@popperjs/core").PositioningStrategy | undefined;
        onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
    }>;
    /**
     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
     * @return: 'top' | 'bottom' | 'left' | 'right'
     * @default: 'top'
     */
    readonly placement: import("@angular/core").InputSignal<"top" | "bottom" | "right" | "left">;
    /**
     * ElementRefDirective for positioning the tooltip on reference element
     * @return: ElementRefDirective
     * @default: undefined
     */
    readonly reference: import("@angular/core").InputSignal<ElementRefDirective | undefined>;
    readonly referenceRef: import("@angular/core").Signal<ElementRef<any>>;
    /**
     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
     * @return: 'Triggers | Triggers[]
     */
    readonly trigger: import("@angular/core").InputSignal<Triggers | Triggers[]>;
    /**
     * Toggle the visibility of tooltip component.
     * @return boolean
     */
    readonly visible: import("@angular/core").ModelSignal<boolean>;
    get ariaDescribedBy(): string | null;
    private tooltip;
    private tooltipId;
    private tooltipRef;
    private popperInstance;
    private _popperOptions;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    ngOnInit(): void;
    private setListeners;
    private clearListeners;
    private intersectionServiceSubscribe;
    private getUID;
    private createTooltipElement;
    private destroyTooltipElement;
    private addTooltipElement;
    private removeTooltipElement;
    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[cTooltip]", ["cTooltip"], { "content": { "alias": "cTooltip"; "required": false; "isSignal": true; }; "popperOptions": { "alias": "cTooltipOptions"; "required": false; "isSignal": true; }; "placement": { "alias": "cTooltipPlacement"; "required": false; "isSignal": true; }; "reference": { "alias": "cTooltipRef"; "required": false; "isSignal": true; }; "trigger": { "alias": "cTooltipTrigger"; "required": false; "isSignal": true; }; "visible": { "alias": "cTooltipVisible"; "required": false; "isSignal": true; }; }, { "visible": "cTooltipVisibleChange"; }, never, never, true, never>;
}