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 actions - Action buttons and controls area
 * @slot - Default content area for main dialog body
 * @slot footer - Dialog footer section for additional information
 * @slot header - Dialog header section for titles and controls
 *
 * @csspart backdrop - The semi-transparent overlay backdrop
 * @csspart elevation - The elevation part.
 * @csspart header - Header section container
 * @csspart root - The root part.
 *
 * @cssprop {Color} --dialog-background-color - Background color of the dialog
 * @cssprop {String} --dialog-border-color - The border color CSS custom property.
 * @cssprop {String} --dialog-border-radius - Border radius for dialog corners
 * @cssprop {String} --dialog-border-style - The border style CSS custom property.
 * @cssprop {String} --dialog-border-width - The border width CSS custom property.
 * @cssprop {String} --dialog-divider-height - The divider height CSS custom property.
 * @cssprop {String} --dialog-font-family - The font family CSS custom property.
 * @cssprop {String} --dialog-font-letter-spacing - The font letter spacing CSS custom property.
 * @cssprop {String} --dialog-font-line-height - The font line height CSS custom property.
 * @cssprop {String} --dialog-font-size - The font size CSS custom property.
 * @cssprop {String} --dialog-font-text-decoration - The font text decoration CSS custom property.
 * @cssprop {String} --dialog-font-text-transform - The font text transform CSS custom property.
 * @cssprop {String} --dialog-font-weight - The font weight CSS custom property.
 * @cssprop {String} --dialog-foreground-color - The foreground color CSS custom property.
 * @cssprop {String} --dialog-gap - The gap CSS custom property.
 * @cssprop {String} --dialog-padding-bottom - The padding bottom CSS custom property.
 * @cssprop {String} --dialog-padding-left - The padding left CSS custom property.
 * @cssprop {String} --dialog-padding-right - The padding right CSS custom property.
 * @cssprop {String} --dialog-padding-top - The padding top CSS custom property.
 * @cssprop {String} --dialog-shadow - The shadow CSS custom property.
 * @cssprop {String} --dialog-shadow-blur - The shadow blur CSS custom property.
 * @cssprop {String} --dialog-shadow-color - The shadow color CSS custom property.
 * @cssprop {String} --dialog-shadow-offset-x - The shadow offset x CSS custom property.
 * @cssprop {String} --dialog-shadow-offset-y - The shadow offset y CSS custom property.
 * @cssprop {String} --dialog-shadow-spread - The shadow spread CSS custom property.
 * @cssprop {String} --dialog-transition-duration - The transition duration CSS custom property.
 * @cssprop {String} --dialog-transition-mode - The transition mode CSS custom property.
 * @cssprop {String} --dialog-transition-property - The transition property CSS custom property.
 * @cssprop {String} --dialog-translate - The translate CSS custom property.
 *
 * @dependency mosaik-backdrop - The Backdrop element.
 * @dependency mosaik-elevation - The Elevation element.
 *
 * @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