import { IAnimatable } from '../../../Behaviors/Animatable';
import { type ISlottable } from '../../../Behaviors/Slottable';
import { OverlayElement } from '../Abstracts/OverlayElement';
import type { IDialogElementProps } from './IDialogElementProps';
/**
 * Default dimensions for offsets and heights used for drag bounding
 */
export declare const DEFAULT_DIMENSIONS: {
    readonly RIGHT_OFFSET: 8;
    readonly TOP_OFFSET: 8;
    readonly DRAG_BAR_HEIGHT: 32;
};
declare const DialogElement_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/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof OverlayElement & import("../../../Behaviors/Themeable").IThemeableCtor;
/**
 * Dialog - A modal window component for displaying focused content and user interactions.
 *
 * Creates modal dialogs that overlay the main content with focus management and backdrop interaction.
 * Supports draggable positioning, fullscreen mode, and structured content areas for headers, content, and actions.
 * Provides essential modal patterns for confirmations, forms, and detailed content presentation.
 *
 * @name DialogElement
 * @element mosaik-dialog
 * @category Overlays
 *
 * @slot - Default content area for main dialog body
 * @slot header - Dialog header section for titles and controls
 * @slot footer - Dialog footer section for additional information
 * @slot content - Main content area for dialog body content
 * @slot actions - Action buttons and controls area
 *
 * @csspart dialog - The native HTML dialog container element
 * @csspart backdrop - The semi-transparent overlay backdrop
 * @csspart container - Main dialog content container
 * @csspart header - Header section container
 * @csspart content - Main content section container
 * @csspart footer - Footer section container
 * @csspart actions - Action buttons container
 *
 * @cssprop {String} --dialog-width - Width of the dialog container
 * @cssprop {String} --dialog-height - Height of the dialog container
 * @cssprop {String} --dialog-max-width - Maximum width constraint for the dialog
 * @cssprop {String} --dialog-max-height - Maximum height constraint for the dialog
 * @cssprop {Color} --dialog-background-color - Background color of the dialog
 * @cssprop {String} --dialog-border-radius - Border radius for dialog corners
 * @cssprop {String} --dialog-padding - Internal padding for dialog content
 * @cssprop {String} --dialog-elevation - Elevation level for shadow effects
 * @cssprop {Color} --dialog-backdrop-color - Color of the backdrop overlay
 *
 * @dependency BackdropElement - Provides backdrop overlay functionality
 * @dependency StackElement - Layout container for dialog content
 * @dependency ElevationElement - Elevation and shadow effects
 * @dependency DialogHeaderElement - Structured header layout
 * @dependency DialogContentElement - Main content area layout
 * @dependency DialogFooterElement - Footer section layout
 * @dependency DialogActionsElement - Action buttons layout
 *
 * @example
 * Confirmation dialog:
 * ```html
 * <mosaik-dialog id="confirmDialog">
 *   <mosaik-dialog-header slot="header">
 *     <h2>Confirm Delete</h2>
 *   </mosaik-dialog-header>
 *   <mosaik-dialog-content slot="content">
 *     <p>Are you sure you want to delete this item? This action cannot be undone.</p>
 *   </mosaik-dialog-content>
 *   <mosaik-dialog-actions slot="actions">
 *     <mosaik-button onclick="closeDialog()"><span slot="label">Cancel</span></mosaik-button>
 *     <mosaik-button variant="danger" onclick="confirmDelete()"><span slot="label">Delete</span></mosaik-button>
 *   </mosaik-dialog-actions>
 * </mosaik-dialog>
 * ```
 *
 * @example
 * Draggable dialog:
 * ```html
 * <mosaik-dialog is-draggable>
 *   <div slot="header"><h3>Add New User</h3></div>
 *   <div slot="content">
 *     <!-- form content -->
 *   </div>
 *   <div slot="actions">
 *     <mosaik-button variant="primary" onclick="saveUser()"><span slot="label">Save</span></mosaik-button>
 *   </div>
 * </mosaik-dialog>
 * ```
 *
 * @example
 * Fullscreen dialog:
 * ```html
 * <mosaik-dialog is-full-screen>
 *   <div slot="header"><h1>Settings</h1></div>
 *   <main slot="content">
 *     <!-- Full settings content -->
 *   </main>
 * </mosaik-dialog>
 * ```
 *
 * @public
 */
export declare class DialogElement extends DialogElement_base implements IDialogElementProps, ISlottable, IAnimatable {
    private _dialogElement;
    private _headerElement;
    private _isDraggable;
    private _isFullScreen;
    private _dragging;
    private _offsetX;
    private _offsetY;
    private _dragStartPosition;
    private _currentOffsetX;
    private _previousOffsetX;
    private _currentOffsetY;
    private _previousOffsetY;
    private _containerWidth;
    /**
     * @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 `isDraggable` property.
     *
     * @public
     * @attr
     */
    get isDraggable(): boolean;
    set isDraggable(value: boolean);
    /**
     * Gets or sets the `isFullScreen` property.
     *
     * @public
     * @attr
     */
    get isFullScreen(): boolean;
    set isFullScreen(value: boolean);
    /**
     * Gets or sets the `dragging` property.
     *
     * @public
     * @readonly
     * @attr
     */
    get dragging(): boolean;
    private set dragging(value);
    /**
     * Gets or sets the `offsetX` property.
     *
     * @public
     * @readonly
     * @attr
     */
    get offsetX(): number;
    private set offsetX(value);
    /**
     * Gets or sets the `offsetY` property.
     *
     * @public
     * @readonly
     * @attr
     */
    get offsetY(): number;
    private set offsetY(value);
    /**
     * Gets the animation target element.
     * For the dialog, animations are applied to the root (dialog) template part instead of the host element.
     *
     * @public
     * @override
     * @readonly
     */
    get animationTarget(): HTMLElement;
    /**
     * Opens the `DialogElement`.
     *
     * @public
     * @override
     */
    open(): Promise<void>;
    /**
     * Closes the `DialogElement`.
     *
     * @public
     * @override
     */
    close(): Promise<boolean>;
    /**
     * @private
     * @template
     */
    onBackdrop(): void;
    /**
     * @private
     * @template
     */
    onDragStart(event: PointerEvent): void;
    /**
     * @private
     * @template
     */
    onDrag(event: PointerEvent): void;
    /**
     * @private
     * @template
     */
    onDragEnd(event: PointerEvent): void;
    /**
     * @protected
     * @override
     */
    protected onApplyTemplate(): void;
    /**
     * @protected
     */
    protected onIsOpenPropertyChanged(_prev: boolean, next: boolean): void;
    /**
     * @protected
     */
    protected onIsDraggablePropertyChanged(_prev: boolean, newValue: boolean): void;
    /**
     * @private
     */
    private translatePos;
}
/**
* @public
*/
export declare namespace DialogElement {
    type Props = IDialogElementProps;
}
/**
 * @public
 */
declare global {
    interface HTMLElementTagNameMap {
        'mosaik-dialog': DialogElement;
    }
}
export {};
//# sourceMappingURL=DialogElement.d.ts.map