import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
import { SbbTitleLevel } from '../title.js';

/**
 * It displays messages which require a user's attention without interrupting its tasks.
 *
 * @slot - Use the unnamed slot to add content to the notification message.
 * @slot title - Use this to provide a notification title (optional).
 * @event {CustomEvent<void>} willOpen - Emits whenever the `sbb-notification` starts the opening transition.
 * @event {CustomEvent<void>} didOpen - Emits whenever the `sbb-notification` is opened.
 * @event {CustomEvent<void>} willClose - Emits whenever the `sbb-notification` begins the closing transition.
 * @event {CustomEvent<void>} didClose - Emits whenever the `sbb-notification` is closed.
 * @cssprop [--sbb-notification-margin=0] - Can be used to modify the margin in order to get a smoother animation.
 * See style section for more information.
 */
export declare class SbbNotificationElement extends LitElement {
    static styles: CSSResultGroup;
    static readonly events: {
        readonly willOpen: "willOpen";
        readonly didOpen: "didOpen";
        readonly willClose: "willClose";
        readonly didClose: "didClose";
    };
    /**
     * The type of the notification.
     */
    type: 'info' | 'success' | 'warn' | 'error';
    /**
     * Content of title.
     */
    titleContent?: string;
    /**
     * Level of title, it will be rendered as heading tag (e.g. h3). Defaults to level 3.
     */
    titleLevel: SbbTitleLevel;
    /**
     * Whether the notification is readonly.
     * In readonly mode, there is no dismiss button offered to the user.
     */
    readonly: boolean;
    /** Size variant, either s or m. */
    size: 'm' | 's';
    /**
     * The enabled animations.
     */
    animation: 'open' | 'close' | 'all' | 'none';
    /**
     * The state of the notification.
     */
    private set _state(value);
    private get _state();
    private _notificationElement;
    private _resizeObserverTimeout;
    private _language;
    private _notificationResizeObserver;
    /** Emits whenever the `sbb-notification` starts the opening transition. */
    private _willOpen;
    /** Emits whenever the `sbb-notification` is opened. */
    private _didOpen;
    /** Emits whenever the `sbb-notification` begins the closing transition. */
    private _willClose;
    /** Emits whenever the `sbb-notification` is closed. */
    private _didClose;
    constructor();
    private _open;
    close(): void;
    connectedCallback(): void;
    protected firstUpdated(changedProperties: PropertyValues<this>): Promise<void>;
    disconnectedCallback(): void;
    private _setNotificationHeight;
    private _onNotificationResize;
    private _onNotificationAnimationEnd;
    private _handleOpening;
    private _handleClosing;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-notification': SbbNotificationElement;
    }
}
//# sourceMappingURL=notification.d.ts.map