import { BooleanInput } from '@angular/cdk/coercion';
import { EuiAppShellService } from '@eui/core';
import * as i0 from '@angular/core';

/**
 * @description
 * A dimming overlay component that provides a semi-transparent backdrop over page content.
 * Automatically integrates with browser navigation to manage dimmer state during back/forward actions.
 * Commonly used to indicate loading states, modal overlays, or to draw attention to specific UI elements.
 *
 * @usageNotes
 * ### Basic Usage
 * ```html
 * <eui-dimmer [isDimmerActive]="isLoading"></eui-dimmer>
 * ```
 *
 * ### With Loading State
 * ```typescript
 * // Component
 * isLoading = false;
 *
 * loadData(): void {
 *   this.isLoading = true;
 *   this.dataService.fetch().subscribe(() => {
 *     this.isLoading = false;
 *   });
 * }
 *
 * // Template
 * <eui-dimmer [isDimmerActive]="isLoading"></eui-dimmer>
 * <button (click)="loadData()">Load Data</button>
 * ```
 *
 * ### Accessibility
 * - Dimmer does not trap focus or block interaction by itself
 * - Should be combined with modal dialogs or loading indicators for proper accessibility
 * - Consider adding `aria-busy="true"` to parent container when dimmer is active
 * - Ensure keyboard users can still navigate when dimmer is visible
 *
 * ### Notes
 * - Automatically deactivates on browser back button navigation
 * - Integrates with `EuiAppShellService` for centralized state management
 * - Does not prevent user interaction - use with modal components for blocking behavior
 * - Typically placed at root level of application for full-page coverage
 * - CSS class `eui-dimmer--active` applied when active for custom styling
 */
declare class EuiDimmerComponent {
    asService: EuiAppShellService;
    /**
     * Gets the active state of the dimmer.
     *
     * @returns {boolean} True if dimmer is active, false otherwise.
     */
    get isDimmerActive(): boolean;
    /**
     * Sets the active state of the dimmer.
     *
     * @param {BooleanInput} value - The value to set for the dimmer active state.
     */
    set isDimmerActive(value: BooleanInput);
    /**
     * Gets the CSS classes to apply to the host element.
     * Adds the 'eui-dimmer--active' class when the dimmer is active.
     *
     * @returns {string} The CSS classes as a space-separated string.
     */
    get cssClasses(): string;
    /**
     * E2E testing attribute for the component.
     */
    e2eAttr: string;
    /** The active state of the dimmer. */
    private _isDimmerActive;
    /** Debug flag to control logging. */
    private _DEBUG;
    /**
     * Creates an instance of EuiDimmerComponent.
     *
     * Listens to router navigation events to handle dimmer state during navigation,
     * particularly when the user navigates back in browser history.
     *
     * @param {EuiAppShellService} asService - The app shell service for dimmer state management.
     * @param {Router} router - The Angular router service for navigation event monitoring.
     */
    constructor();
    static ɵfac: i0.ɵɵFactoryDeclaration<EuiDimmerComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<EuiDimmerComponent, "eui-dimmer", never, { "isDimmerActive": { "alias": "isDimmerActive"; "required": false; }; "e2eAttr": { "alias": "e2eAttr"; "required": false; }; }, {}, never, never, true, never>;
}

declare const EUI_DIMMER: readonly [typeof EuiDimmerComponent];

export { EUI_DIMMER, EuiDimmerComponent };
//# sourceMappingURL=eui-components-eui-dimmer.d.ts.map