import { LitElement } from 'lit'; import { PopoverType, Size, TypeNativePopoverController } from '../internal'; import { IconButton } from '../icon-button'; /** * @element nve-drawer * @description Drawer are to display content that is out of context of the rest of the page (notifications, navigation, settings). Or use [Panel](./docs/elements/panel/) inline as its content couples with or closely relates to the content on the page (details, extra actions/options). [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) * @since 0.16.0 * @entrypoint \@nvidia-elements/core/drawer * @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 drawer opens. * @event close - Dispatched when the drawer closes. * @slot - default content slot * @cssprop --border * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --box-shadow * @cssprop --gap * @cssprop --top * @cssprop --max-width * @cssprop --width * @cssprop --animation-duration - Duration of drawer open/close animations * @csspart icon-button - The close icon button element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */ export declare class Drawer extends LitElement { #private; /** * Sets the side position of the popover relative to the provided anchor element. * For drawer the anchor defaults to the document body. */ position: 'left' | 'right' | 'bottom' | 'top'; /** * Sets the max size of the drawer. */ size?: Size; /** * Determines if a close button should render within drawer. Non-closable * drawers suit drawers that require user confirmation steps. */ closable: boolean; /** * Determines if a drawer should have a modal backdrop that visually overlays the UI. */ modal: boolean; /** * (optional) By default the popover will automatically anchor 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; /** * Create a inline layout effect while retaining the a11y characteristics and top layer behavior (light dismiss, focus trap, non interactive background) * https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */ inline: boolean; /** * @deprecated Use the popover API instead. * Determines if popover visibility behavior should be automatically controlled by the trigger. */ behaviorTrigger: boolean; /** * Enables internal string values to update for internationalization. */ i18n: Partial; /** @private */ get popoverType(): PopoverType; /** @private */ get popoverDismissible(): boolean; protected typeNativePopoverController: TypeNativePopoverController; static styles: import('lit').CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; render(): import('lit').TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; }