import * as i0 from '@angular/core';
import { ElementRef, Renderer2, OnInit, OnDestroy } from '@angular/core';
import { Observable } from 'rxjs';

declare enum TbxDropdownToggleStatus {
    open = 0,
    close = 1
}

declare class TbxDropdownDirective {
    private elementRef;
    private renderer;
    /** The current status of the dropdown menu. */
    private status;
    /** An observable for the open/close status. */
    private status$;
    constructor(elementRef: ElementRef, renderer: Renderer2);
    toggle(): void;
    open(): void;
    close(): void;
    statusChange(): Observable<TbxDropdownToggleStatus>;
    static ɵfac: i0.ɵɵFactoryDeclaration<TbxDropdownDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<TbxDropdownDirective, "[tbxDropdown]", ["tbxDropdown"], {}, {}, never, never, true, never>;
}

declare class TbxDropdownMenuDirective implements OnInit, OnDestroy {
    private elementRef;
    dropdown: TbxDropdownDirective;
    private renderer;
    /** Used to stop subscription to the dropdown control status change. */
    private ngUnsubscribe;
    /** The bind to the document click event. */
    private onDocumentClickBound;
    constructor(elementRef: ElementRef, dropdown: TbxDropdownDirective, renderer: Renderer2);
    ngOnInit(): void;
    ngOnDestroy(): void;
    onDocumentClick(event: MouseEvent): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<TbxDropdownMenuDirective, [null, { host: true; }, null]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<TbxDropdownMenuDirective, "[tbxDropdownMenu]", ["tbxDropdownMenu"], {}, {}, never, never, true, never>;
}

declare class TbxDropdownToggleDirective {
    dropdown: TbxDropdownDirective;
    constructor(dropdown: TbxDropdownDirective);
    toggle(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<TbxDropdownToggleDirective, [{ host: true; }]>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<TbxDropdownToggleDirective, "[tbxDropdownToggle]", ["tbxDropdownToggle"], {}, {}, never, never, true, never>;
}

/**
 * A simple directive to toggle a dropdown open or close.
 * @example
 * <div class="btn-group">
 *  <button class="btn btn-secondary" tbxSimpleDropdown #dd="tbxSimpleDropdown">
 *    Action
 *  </button>
 *  <div [ngClass]="{'show':dd.isOpen}" class="dropdown-menu">
 *    <a class="dropdown-item">Option 1</a>
 *  </div>
 * </div>
 */
declare class TbxSimpleDropdownDirective {
    /** The value indicating whether the dropdown is in an open state. */
    isOpen: boolean;
    /** Flag whether the last click was inside component. */
    private wasInside;
    /** Called when a click is detected on the dropdown component. */
    toggleOpen(): void;
    /**
     * Called when a click is detected in the Document to open/close the dropdown.
     * https://stackoverflow.com/a/46656671
     */
    clickOut(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<TbxSimpleDropdownDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<TbxSimpleDropdownDirective, "[tbxSimpleDropdown]", ["tbxSimpleDropdown"], {}, {}, never, never, true, never>;
}

declare class TbxDropdownModule {
    static ɵfac: i0.ɵɵFactoryDeclaration<TbxDropdownModule, never>;
    static ɵmod: i0.ɵɵNgModuleDeclaration<TbxDropdownModule, never, [typeof TbxDropdownDirective, typeof TbxDropdownToggleDirective, typeof TbxDropdownMenuDirective, typeof TbxSimpleDropdownDirective], [typeof TbxDropdownDirective, typeof TbxDropdownToggleDirective, typeof TbxDropdownMenuDirective, typeof TbxSimpleDropdownDirective]>;
    static ɵinj: i0.ɵɵInjectorDeclaration<TbxDropdownModule>;
}

export { TbxDropdownDirective, TbxDropdownMenuDirective, TbxDropdownModule, TbxDropdownToggleDirective, TbxDropdownToggleStatus, TbxSimpleDropdownDirective };