import { IAnimatable } from '../../../Behaviors/Animatable';
import { ISlottable } from '../../../Behaviors/Slottable';
import { DrawerMode } from '../../../Types/DrawerMode';
import { DrawerPosition } from '../../../Types/DrawerPosition';
import { OverlayElement } from '../Abstracts/OverlayElement';
import type { IDrawerElementProps } from './IDrawerElementProps';
declare const DrawerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Animatable").IAnimatableProps & IAnimatable) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Dimensionable").IDimensionableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Elevatable").IElevatableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof OverlayElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * Drawer - A hidden side panel that slides in from the edge of the viewport.
 *
 * @description
 * A side-navigation or off-canvas panel that supports `over` and `side` modes,
 * multiple positions (left/right/top/bottom), fullscreen mode, and optional shadow.
 *
 * @name Drawer
 * @element mosaik-drawer
 * @category Overlays
 *
 * @slot header - The header content slot.
 * @slot - The default content slot.
 * @slot actions - The actions content slot.
 * @slot footer - The footer content slot.
 *
 * @csspart root - The root container element.
 * @csspart elevation - The elevation element.
 * @csspart header - The header container element.
 * @csspart footer - The footer element.
 * @csspart backdrop - The backdrop element.
 *
 * @fires closed {ClosedEvent} - Dispatched when the drawer is closed.
 * @fires opened {OpenedEvent} - Dispatched when the drawer is opened.
 *
 * @example
 * Basic left drawer in over mode:
 * ```html
 * <mosaik-drawer position="left" mode="over" header="Navigation"></mosaik-drawer>
 * ```
 *
 * @example
 * Persistent side drawer with shadow:
 * ```html
 * <mosaik-drawer position="left" mode="side" has-shadow></mosaik-drawer>
 * ```
 *
 * @example
 * Fullscreen drawer from the right:
 * ```html
 * <mosaik-drawer position="right" mode="over" is-full-screen></mosaik-drawer>
 * ```
 *
 * @public
 */
export declare class DrawerElement extends DrawerElement_base implements IDrawerElementProps, ISlottable, IAnimatable {
    private readonly _provider;
    private _isComposed;
    private _header;
    private _subHeader;
    private _position;
    private _mode;
    private _hasShadow;
    private _isFullScreen;
    /**
     * @public
     */
    constructor();
    /**
     * Returns the `is` property.
     * The `is` property represents natural name of this element.
     *
     * @public
     * @static
     * @readonly
     */
    static get is(): string;
    /**
     * Gets or sets the `header` property.
     *
     * @public
     * @attr
     */
    get header(): string;
    set header(value: string);
    /**
     * Gets or sets the `subHeader` property.
     *
     * @public
     * @attr
     */
    get subHeader(): string;
    set subHeader(value: string);
    /**
     * Gets or sets the `isFullScreen` property.
     *
     * @public
     * @attr
     */
    get isFullScreen(): boolean;
    set isFullScreen(value: boolean);
    /**
     * Gets or sets the `position` property.
     *
     * @public
     * @attr
     */
    get position(): DrawerPosition;
    set position(value: DrawerPosition);
    /**
     * Gets or sets the `mode` property.
     *
     * @public
     * @attr
     */
    get mode(): DrawerMode;
    set mode(value: DrawerMode);
    /**
     * Gets or sets the `isComposed` property.
     *
     * @public
     * @readonly
     * @attr
     */
    get isComposed(): boolean;
    private set isComposed(value);
    /**
     * Gets or sets the `hasShadow` property.
     *
     * @public
     * @attr
     */
    get hasShadow(): boolean;
    set hasShadow(value: boolean);
    /**
     * Gets the animation target element.
     * For the drawer, animations are applied to the root template part instead of the host element.
     *
     * @public
     * @override
     * @readonly
     */
    get animationTarget(): HTMLElement;
    /**
     * Opens the drawer.
     *
     * @public
     * @override
     */
    open(): Promise<void>;
    /**
     * Closes the drawer.
     *
     * @public
     * @override
     */
    close(): Promise<boolean>;
    /**
     * Toggles the drawer between open and closed states.
     *
     * @public
     */
    toggle(): Promise<void>;
    /**
     * Returns the inner offset width of the drawer.
     *
     * @public
     */
    innerOffsetWidth(): number;
    /**
     * Handles the backdrop click event.
     * Only closes the drawer if `clickOutsideToClose` is enabled.
     *
     * @private
     * @template
     */
    onBackdrop(): void;
    /**
     * @protected
     * @override
     */
    protected onApplyTemplate(): void;
}
/**
* @public
*/
export declare namespace DrawerElement {
    type Props = IDrawerElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-drawer': DrawerElement;
    }
}
export {};
//# sourceMappingURL=DrawerElement.d.ts.map