import * as i0 from '@angular/core';
import { OnInit, AfterViewInit } from '@angular/core';
import * as i1 from '@angular/cdk/menu';

/**
 * Directive to add infotip behavior to a host element (e.g. close the infotip on escape key press).
 *
 * ### Usage
 *
 * ```html
 * <h1 class="title">Infotip title</h1>
 * <p class="description">Infotip content with custom layout</p>
 * ```
 *
 * ```typescript
 * import { Component } from '@angular/core';
 * import { InfotipDirective } from '@talenra/ngx-base/infotip';
 *
 * @Component({
 *   ...
 *   hostDirectives: [InfotipDirective],
 * })
 * export class CustomInfotipComponent {}
 * ```
 *
 * <example-url>../../#/infotip</example-url>
 */
declare class InfotipDirective {
    static ɵfac: i0.ɵɵFactoryDeclaration<InfotipDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<InfotipDirective, "[talenraInfotip]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
}

/**
 * Assigned to an element, InfotipAnchor triggers the associated Infotip. InfotipAnchor provides `triggerFor` input
 * property. It will trigger the template with a matching id.
 *
 * ```html
 * <span talenraInfotipAnchor [triggerFor]="myinfotip">Infotip</span>
 * <ng-template #myinfotip>
 *   <talenra-infotip-layout title="Short message" description="A long, really, really long message" />
 * </ng-template>
 * ```
 *
 * Important: If you use a custom layout component instead of the library's infotip layout, you need to import
 * the CdkMenu directive and add it to the hostDirectives array of the custom layout component.
 * This will make sure that the infotip is closed when clicked outside.
 *
 * ### Import
 *
 * ```typescript
 * import { InfotipAnchorDirective } from '@talenra/ngx-base/infotip';
 * ````
 *
 * @see {@link InfotipLayoutComponent}
 *
 * <example-url>../../#/infotip</example-url>
 */
declare class InfotipAnchorDirective implements OnInit, AfterViewInit {
    /** @internal */
    private destroyRef;
    /** @internal */
    private cdkMenuTrigger;
    /** @internal */
    private infotipService;
    /** @internal */
    infotipId: number | undefined;
    /** @internal */
    ngOnInit(): void;
    private handleScroll;
    /**
     * @internal
     */
    ngAfterViewInit(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<InfotipAnchorDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<InfotipAnchorDirective, "[talenraInfotipAnchor]", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "triggerFor"; }; outputs: {}; }]>;
}

/**
 * InfotipLayout provides the default layout used for Infotip content.
 *
 * InfotipLayout is used to display additional information related to a content (e.g. an icon or a term). It consists of
 * a title and a description, which can be used to set the content of the infotip.
 *
 * The title is used to display a short message to the user while the description typically contains a more detailed
 * explanation. InfotipLayout includes a CopyContent button which allows the user to copy the message for further
 * processing.
 *
 * ```html
 * <span talenraInfotipAnchor [triggerFor]="infotip">Infotip</span>
 * <ng-template #infotip>
 *   <talenra-infotip-layout title="My Title" description="My description text"></talenra-infotip-layout>
 * </ng-template>
 * ```
 *
 * **Important:** If you use a custom layout component instead of InfotipLayout, you need to import `InfotipDirective`
 * and add it to the `hostDirectives` array of the custom layout component. This will make sure that the custom infotip
 * is closed when clicked outside.
 *
 * ### Import
 *
 * ```typescript
 * import { InfotipLayoutComponent } from '@talenra/ngx-base/infotip';
 * ````
 *
 * @see {@link InfoTipAnchorDirective}
 * @see {@link InfoTipDirective}
 *
 * <example-url>../../../#/infotip</example-url>
 */
declare class InfotipLayoutComponent {
    /**
     * The title string to be displayed
     */
    title: i0.InputSignal<string>;
    /**
     * The description string to be displayed
     */
    description: i0.InputSignal<string | undefined>;
    protected toCopy: i0.Signal<string>;
    static ɵfac: i0.ɵɵFactoryDeclaration<InfotipLayoutComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<InfotipLayoutComponent, "talenra-infotip-layout", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }]>;
}

export { InfotipAnchorDirective, InfotipDirective, InfotipLayoutComponent };