import { LitElement } from 'lit'; import { IconButton } from '../icon-button'; /** * @element nve-panel-header * @description Displays the title, subtitle, and optional action controls at the top of a panel. * @since 0.10.0 * @entrypoint \@nvidia-elements/core/panel * @slot - default content slot * @slot title - Title Text * @slot subtitle - Subtitle Text * @slot action-icon - Extra Action Button * @cssprop --padding * @cssprop --border-bottom * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ * @deprecated use `nve-page-panel-header` with `nve-page-panel` instead */ export declare class PanelHeader extends LitElement { static styles: import('lit').CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): import('lit').TemplateResult<1>; connectedCallback(): void; } /** * @element nve-panel-content * @description Contains the main body content within a panel, providing a structured region for detailed information. * @since 0.10.0 * @entrypoint \@nvidia-elements/core/panel * @slot - This is a default/unnamed slot for panel content * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ * @deprecated use `nve-page-panel-content` with `nve-page-panel` instead */ export declare class PanelContent extends LitElement { static styles: import('lit').CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): import('lit').TemplateResult<1>; } /** * @element nve-panel-footer * @description Provides a designated area at the bottom of a panel for actions or supplementary controls. * @since 0.10.0 * @entrypoint \@nvidia-elements/core/panel * @slot - This is a default/unnamed slot for panel footer content * @cssprop --padding * @cssprop --border-top * @cssprop --gap * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ * @deprecated use `nve-page-panel-footer` with `nve-page-panel` instead */ export declare class PanelFooter extends LitElement { static styles: import('lit').CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): import('lit').TemplateResult<1>; connectedCallback(): void; } /** * @element nve-panel * @description Panel is inline container for content that couples to the content on the page (details, extra actions/options). Or [Drawer](./docs/elements/drawer/) is out of context of the rest of the page (notifications, navigations, settings). * @since 0.10.0 * @entrypoint \@nvidia-elements/core/panel * @event open - Dispatched when the panel opens. * @event close - Dispatched when the panel closes. * @slot - This is a default/unnamed slot for panel content * @slot header - header element (Use `panel-header` or custom content) * @slot content - content element (Use `panel-content` or custom content) * @slot footer - footer element (Use `panel-footer` or custom content) * @cssprop --background * @cssprop --color * @cssprop --box-shadow * @cssprop --panel-button-border-radius - Border radius of the panel expand/collapse button * @csspart icon-button - The expand/collapse icon button element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ * @deprecated use `nve-page-panel` with `nve-page` instead */ export declare class Panel extends LitElement { #private; /** * Determines whether the panel is fully expanded, displaying its contents, or not. */ expanded: boolean; /** * Determines whether the panel collapses down to an expand icon, or fully hides. */ closable: boolean; /** * Determines whether the panel should handle auto-closing behavior vs. defaults to off. */ behaviorExpand: boolean; /** * Sets the proper collapse icon and collapse animation, based on which side of the page the panel occupies. */ side: 'left' | 'right'; static styles: import('lit').CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; /** @private */ _internals: ElementInternals; /** * Enables updating internal string values for internationalization. */ i18n: Partial; render(): import('lit').TemplateResult<1>; connectedCallback(): void; }