import * as i0 from '@angular/core';
import { AfterViewInit, TemplateRef, EventEmitter, ElementRef, ViewContainerRef, ModuleWithProviders } from '@angular/core';
import { ThemePalette } from '@angular/material/core';

interface ClipNoteDefaultConfig {
    color: ThemePalette;
    caption: string;
}
/**
 * A clip note consists of a toggle button and a floating 'notepad' element, attached to the top end of the host element's
 * viewable area. The 'notepad' normally collapses away and only reveals itself when the toggle button is active.
 *
 * The toggle button clips on the edge of the host element and expands to display the full caption when hovered. It hides itself
 * automatically when there is no content provided via the `buiClipNote` property of the directive.
 *
 * The clip note component is suitable for large page container elements with visible boundaries. It can present contextual
 * information regarding and in addition to the content displayed in the main view area.
 *
 * The properties `buiClipNoteColor` and `buiClipNoteCaption` customise the appearance of the clip note, the default values of which
 * can optionally be provided by the `ClipNoteModule.forConfig()` method.
 *
 */
declare class ClipNoteDirective implements AfterViewInit {
    private _elementRef;
    private _vc;
    /**
     * Provide content to the clip note's floating notepad element.
     * It accepts a `string` of HTML content or a `TemplateRef` object.
     */
    get buiClipNote(): string | TemplateRef<any> | undefined;
    set buiClipNote(note: string | TemplateRef<any> | undefined);
    /**
     * Customise the theme color alias.
     * @default 'primary'
     */
    get buiClipNoteColor(): ThemePalette;
    set buiClipNoteColor(color: ThemePalette);
    /**
     * Customise the icon on the toggle button. With this property specified, the animation on the icon
     * will not be active.
     */
    get buiClipNoteIcon(): string | undefined;
    set buiClipNoteIcon(icon: string | undefined);
    /**
     * The caption of the toggle button when expanded.
     */
    get buiClipNoteCaption(): string;
    set buiClipNoteCaption(text: string);
    /** Emits when the panel opens */
    readonly buiClipNoteOpened: EventEmitter<void>;
    /** Emits when the panel closes */
    readonly buiClipNoteClosed: EventEmitter<void>;
    private _content?;
    private _color;
    private _compRef;
    private _caption;
    private _icon?;
    constructor(_elementRef: ElementRef<HTMLElement>, _vc: ViewContainerRef, _config: ClipNoteDefaultConfig);
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    /** Open the note panel */
    open(): void;
    /** Close the note panel */
    close(): void;
    private _processContent;
    static ɵfac: i0.ɵɵFactoryDeclaration<ClipNoteDirective, [{ host: true; }, null, null]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ClipNoteDirective, "[buiClipNote]", ["buiClipNote"], { "buiClipNote": { "alias": "buiClipNote"; "required": false; }; "buiClipNoteColor": { "alias": "buiClipNoteColor"; "required": false; }; "buiClipNoteIcon": { "alias": "buiClipNoteIcon"; "required": false; }; "buiClipNoteCaption": { "alias": "buiClipNoteCaption"; "required": false; }; }, { "buiClipNoteOpened": "buiClipNoteOpened"; "buiClipNoteClosed": "buiClipNoteClosed"; }, never, never, true, never>;
}

declare class ClipNoteModule {
    static forConfig(config: ClipNoteDefaultConfig): ModuleWithProviders<ClipNoteModule>;
    static ɵfac: i0.ɵɵFactoryDeclaration<ClipNoteModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<ClipNoteModule, never, [typeof ClipNoteDirective], [typeof ClipNoteDirective]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<ClipNoteModule>;
}

export { ClipNoteDirective, ClipNoteModule };