import { LitElement } from 'lit'; import { IconButton } from '../icon-button'; import { PopoverAlign, PopoverPosition, PopoverType, SupportStatus, TypeNativePopoverController } from '../internal'; import { Icon } from '../icon'; /** * @element nve-toast * @description A contextual popup that displays a status. Toasts are [triggered](https://w3c.github.io/aria/#tooltip) by clicking, focusing, or tapping an element and cannot have interactive elements within them. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) * @since 0.6.0 * @entrypoint \@nvidia-elements/core/toast * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event) * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event) * @event open - Dispatched when the toast opens. * @event close - Dispatched when the toast closes. * @slot - default content slot * @slot prefix - custom status icon slot * @cssprop --padding * @cssprop --justify-content * @cssprop --background * @cssprop --border-radius * @cssprop --border * @cssprop --color * @cssprop --font-size * @cssprop --font-weight * @cssprop --box-shadow * @cssprop --gap * @csspart prefix-icon - The prefix icon slot * @csspart icon-button - The close icon button element * @cssprop --animation-duration - Duration of toast open/close animations * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/ */ export declare class Toast extends LitElement { #private; static styles: import('lit').CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; [Icon.metadata.tag]: typeof Icon; }; /** * (optional) By default the popover automatically anchors itself relative to the trigger element. * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference. */ anchor: string | HTMLElement; /** * @deprecated Use the popover API instead. * The trigger defines what element triggers an `open` interaction event. * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference. */ trigger: string | HTMLElement; /** * Sets the side position of the popover relative to the provided anchor element. */ position: PopoverPosition; /** * Sets the alignment of the popover relative to the provided anchor element. */ alignment: PopoverAlign; /** * Sets the visual prominence of the toast. */ prominence: 'muted'; /** * @deprecated Use the popover API instead. * Determines if popover visibility behavior should be automatically controlled by the trigger. */ behaviorTrigger: boolean; /** * Determines if a close button should render within toast. */ closable: boolean; /** * A delayed `close` event occurs after the provided millisecond value elapses. */ closeTimeout: number; /** * Visual treatment to represent a support status. */ status: SupportStatus; /** * Updates internal string values for internationalization. */ i18n: Partial; /** @private */ readonly popoverType: PopoverType; protected typeNativePopoverController: TypeNativePopoverController; /** @private */ _internals: ElementInternals; render(): import('lit').TemplateResult<1>; connectedCallback(): void; }