import * as _angular_core from '@angular/core';
import { TemplateRef } from '@angular/core';
import { BooleanInput } from '@angular/cdk/coercion';

/**
 * Holds the menu content rendered when a {@link WrDropdown} opens.
 *
 * The component itself doesn't render anywhere — the directive grabs its
 * internal `<ng-template>` and portals it into an overlay.
 *
 * @example
 * ```html
 * <button [wrDropdown]="menu">Actions</button>
 * <wr-dropdown-menu #menu>
 *   <wr-dropdown-item icon="copy">Copy</wr-dropdown-item>
 *   <wr-dropdown-item icon="trash">Delete</wr-dropdown-item>
 * </wr-dropdown-menu>
 * ```
 *
 * @see https://ngwr.dev/components/dropdown
 */
declare class WrDropdownMenu {
    /** The internal template the directive portals into the overlay. @internal */
    readonly contentTpl: _angular_core.Signal<TemplateRef<any>>;
    /** Stable id used on the menu element and referenced from the trigger's `aria-controls`. */
    readonly menuId: _angular_core.WritableSignal<string>;
    /** Trigger element id, set by the directive for `aria-labelledby` wiring. */
    readonly triggerId: _angular_core.WritableSignal<string | null>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDropdownMenu, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDropdownMenu, "wr-dropdown-menu", ["wrDropdownMenu"], {}, {}, never, ["*"], true, never>;
}

/**
 * @license
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
 */

/**
 * Where the dropdown menu opens, relative to the trigger.
 */
type WrDropdownPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';

/**
 * @license
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
 */
/**
 * How the dropdown menu is opened.
 */
type WrDropdownTrigger = 'click' | 'hover';

declare class WrDropdown {
    /** Menu to open. Pass a `<wr-dropdown-menu>` template reference. */
    readonly menu: _angular_core.InputSignal<WrDropdownMenu>;
    /** How the menu opens. @default 'click' */
    readonly trigger: _angular_core.InputSignal<WrDropdownTrigger>;
    /** Where the menu anchors relative to the trigger. @default 'bottom-start' */
    readonly position: _angular_core.InputSignal<WrDropdownPosition>;
    /**
     * Present the menu as a full-width bottom-sheet on small viewports instead
     * of an anchored panel. `undefined` follows the app-wide
     * `provideWrResponsiveOverlays()` setting; `true`/`false` overrides it.
     * @default undefined
     */
    readonly responsive: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
    /** Fires after the menu opens. */
    readonly opened: _angular_core.OutputEmitterRef<void>;
    /** Fires after the menu closes. */
    readonly closed: _angular_core.OutputEmitterRef<void>;
    private readonly host;
    private readonly overlay;
    private readonly responsiveConfig;
    private readonly vcr;
    private readonly scrollStrategies;
    private readonly destroyRef;
    /** @internal Public so host bindings can read it. */
    readonly isOpen: _angular_core.WritableSignal<boolean>;
    /** Auto-generated id for `aria-labelledby` wiring on the menu. */
    protected readonly triggerId: string;
    private overlayRef;
    constructor();
    /** Open the menu. */
    open(): void;
    /** Close the menu. */
    close(): void;
    /** Toggle the menu. */
    toggle(): void;
    /** @internal */
    protected onClick(event: MouseEvent): void;
    /** @internal */
    protected onMouseEnter(): void;
    /** @internal */
    protected onMouseLeave(event: MouseEvent): void;
    private openOverlay;
    private closeOverlay;
    /** @internal Trigger keydown — ArrowDown/Up/Enter/Space open the menu. */
    protected onKeydown(event: KeyboardEvent): void;
    private handleMenuKeydown;
    private getItems;
    private focusItemAt;
    private readonly onOverlayMouseLeave;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDropdown, never>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<WrDropdown, "[wrDropdown]", never, { "menu": { "alias": "wrDropdown"; "required": true; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
}

/**
 * Single row inside a `<wr-dropdown-menu>`.
 *
 * @example
 * ```html
 * <wr-dropdown-item icon="copy" (click)="copy()">Copy</wr-dropdown-item>
 * <wr-dropdown-item icon="trash" disabled>Delete</wr-dropdown-item>
 * ```
 */
declare class WrDropdownItem {
    /** Optional leading icon name. @default null */
    readonly icon: _angular_core.InputSignal<string | null>;
    /** Disable interaction (suppresses pointer + keyboard). @default false */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly classes: _angular_core.Signal<string>;
    private readonly host;
    /** @internal Keyboard activation — fires the same click consumers bind to. */
    protected activate(event: Event): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDropdownItem, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDropdownItem, "wr-dropdown-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

export { WrDropdown, WrDropdownItem, WrDropdownMenu };
export type { WrDropdownPosition, WrDropdownTrigger };