// Generated by dts-bundle-generator v9.5.1 declare const HTML_RESULT = 1; declare const SVG_RESULT = 2; declare const MATHML_RESULT = 3; export type ResultType = typeof HTML_RESULT | typeof SVG_RESULT | typeof MATHML_RESULT; /** * The return type of the template tag functions, {@linkcode html} and * {@linkcode svg} when it hasn't been compiled by @lit-labs/compiler. * * A `TemplateResult` object holds all the information about a template * expression required to render it: the template strings, expression values, * and type of template (html or svg). * * `TemplateResult` objects do not create any DOM on their own. To create or * update DOM you need to render the `TemplateResult`. See * [Rendering](https://lit.dev/docs/components/rendering) for more information. * */ export type UncompiledTemplateResult = { ["_$litType$"]: T; strings: TemplateStringsArray; values: unknown[]; }; /** * The return type of the template tag functions, {@linkcode html} and * {@linkcode svg}. * * A `TemplateResult` object holds all the information about a template * expression required to render it: the template strings, expression values, * and type of template (html or svg). * * `TemplateResult` objects do not create any DOM on their own. To create or * update DOM you need to render the `TemplateResult`. See * [Rendering](https://lit.dev/docs/components/rendering) for more information. * * In Lit 4, this type will be an alias of * MaybeCompiledTemplateResult, so that code will get type errors if it assumes * that Lit templates are not compiled. When deliberately working with only * one, use either {@linkcode CompiledTemplateResult} or * {@linkcode UncompiledTemplateResult} explicitly. */ export type TemplateResult = UncompiledTemplateResult; declare const nothing: unique symbol; /** * Object specifying options for controlling lit-html rendering. Note that * while `render` may be called multiple times on the same `container` (and * `renderBefore` reference node) to efficiently update the rendered content, * only the options passed in during the first render are respected during * the lifetime of renders to that unique `container` + `renderBefore` * combination. */ export interface RenderOptions { /** * An object to use as the `this` value for event listeners. It's often * useful to set this to the host component rendering a template. */ host?: object; /** * A DOM node before which to render content in the container. */ renderBefore?: ChildNode | null; /** * Node used for cloning the template (`importNode` will be called on this * node). This controls the `ownerDocument` of the rendered DOM, along with * any inherited context. Defaults to the global `document`. */ creationScope?: { importNode(node: Node, deep?: boolean): Node; }; /** * The initial connected state for the top-level part being rendered. If no * `isConnected` option is set, `AsyncDirective`s will be connected by * default. Set to `false` if the initial render occurs in a disconnected tree * and `AsyncDirective`s should see `isConnected === false` for their initial * render. The `part.setConnected()` method must be used subsequent to initial * render to change the connected state of the part. */ isConnected?: boolean; } export interface I18nStrings { close: string; copy: string; copied: string; expand: string; select: string; selected: string; sort: string; show: string; hide: string; loading: string; previous: string; next: string; start: string; end: string; currentPage: string; noResults: string; status: string; information: string; warning: string; success: string; danger: string; trend: string; down: string; up: string; neutral: string; of: string; theme: string; scale: string; reducedMotion: string; colorScheme: string; resize: string; or: string; files: string; dragAndDrop: string; browseFiles: string; maxFileSize: string; create: string; } export interface IconSVG { svg: () => Promise | string; } export declare const ICON_IMPORTS: { placeholder: IconSVG; caret: IconSVG; person: IconSVG; menu: IconSVG; cancel: IconSVG; gear: IconSVG; chevron: IconSVG; logout: IconSVG; copy: IconSVG; "more-actions": IconSVG; add: IconSVG; arrow: IconSVG; delete: IconSVG; download: IconSVG; search: IconSVG; "split-vertical": IconSVG; sparkles: IconSVG; branch: IconSVG; refresh: IconSVG; "double-chevron": IconSVG; "academic-cap": IconSVG; "add-asset": IconSVG; "add-comment": IconSVG; "add-grid": IconSVG; "add-user": IconSVG; ancestors: IconSVG; archive: IconSVG; "arrow-angle": IconSVG; "arrow-both": IconSVG; "arrow-cycle": IconSVG; "arrow-path-rounded-square": IconSVG; "arrow-stop": IconSVG; "at-symbol": IconSVG; backspace: IconSVG; "bar-pill-stack": IconSVG; "bars-3": IconSVG; "bars-3-bottom-left": IconSVG; "bars-3-bottom-right": IconSVG; "bars-3-center-left": IconSVG; "bars-4": IconSVG; beaker: IconSVG; bell: IconSVG; "bell-slash": IconSVG; "bell-stroke": IconSVG; bold: IconSVG; book: IconSVG; bookmark: IconSVG; "bookmark-stroke": IconSVG; "bounding-box": IconSVG; briefcase: IconSVG; broadcast: IconSVG; browser: IconSVG; bug: IconSVG; calendar: IconSVG; camera: IconSVG; "carets-closed-square": IconSVG; carousel: IconSVG; "category-list": IconSVG; "chart-bar": IconSVG; "chat-bubble": IconSVG; "chat-bubbles": IconSVG; check: IconSVG; "check-badge": IconSVG; checklist: IconSVG; "checkmark-circle": IconSVG; chip: IconSVG; circle: IconSVG; "circle-angled-line": IconSVG; "circle-dash": IconSVG; "circle-dot": IconSVG; "circle-dot-arrows": IconSVG; "circle-half": IconSVG; "circle-rule": IconSVG; "circle-tick": IconSVG; clipboard: IconSVG; clock: IconSVG; "clock-circle-arrow": IconSVG; cloud: IconSVG; "cloud-download": IconSVG; "cloud-upload": IconSVG; code: IconSVG; "collapse-all": IconSVG; "collapse-details": IconSVG; "color-palette": IconSVG; columns: IconSVG; compare: IconSVG; computer: IconSVG; "connect-node": IconSVG; "connected-blocks": IconSVG; "cross-hairs": IconSVG; "cursor-rays": IconSVG; "cursor-ripples": IconSVG; "data-management": IconSVG; "delete-node": IconSVG; "doc-checkmark": IconSVG; "dock-bottom": IconSVG; "dock-none": IconSVG; "dock-side": IconSVG; document: IconSVG; "document-clipboard": IconSVG; dot: IconSVG; "dot-stroke": IconSVG; drag: IconSVG; dropper: IconSVG; duplicate: IconSVG; edit: IconSVG; ellipses: IconSVG; envelope: IconSVG; "exclamation-circle": IconSVG; "exclamation-mark": IconSVG; "exclamation-triangle": IconSVG; "expand-all": IconSVG; "expand-details": IconSVG; expression: IconSVG; eye: IconSVG; "eye-hidden": IconSVG; "face-frown": IconSVG; "face-smile": IconSVG; "fast-forward": IconSVG; "fast-forward-10": IconSVG; film: IconSVG; filter: IconSVG; "filter-stroke": IconSVG; flag: IconSVG; "flag-stroke": IconSVG; fold: IconSVG; folder: IconSVG; fork: IconSVG; globe: IconSVG; "globe-alt-stroke": IconSVG; group: IconSVG; "group-boxes": IconSVG; hand: IconSVG; hash: IconSVG; heading: IconSVG; home: IconSVG; "horizontal-rule": IconSVG; hourglass: IconSVG; "hourglass-end": IconSVG; "hourglass-mid": IconSVG; "hourglass-start": IconSVG; identification: IconSVG; image: IconSVG; inbox: IconSVG; infinity: IconSVG; "information-circle-stroke": IconSVG; inspect: IconSVG; italic: IconSVG; key: IconSVG; keyboard: IconSVG; "laptop-phone": IconSVG; layers: IconSVG; lifebuoy: IconSVG; lightbulb: IconSVG; "lightning-bolt": IconSVG; link: IconSVG; "list-ordered": IconSVG; "list-unordered": IconSVG; lock: IconSVG; login: IconSVG; looping: IconSVG; "looping-off": IconSVG; map: IconSVG; "map-drives": IconSVG; "map-pin": IconSVG; markdown: IconSVG; maximize: IconSVG; megaphone: IconSVG; merge: IconSVG; meter: IconSVG; minimize: IconSVG; minus: IconSVG; "minus-circle": IconSVG; moon: IconSVG; multiselect: IconSVG; "music-note": IconSVG; newspaper: IconSVG; "not-allowed": IconSVG; numbers: IconSVG; "office-building": IconSVG; outline: IconSVG; "paper-airplane": IconSVG; "paper-clip": IconSVG; pause: IconSVG; "pencil-square": IconSVG; "person-2": IconSVG; "person-3": IconSVG; "person-circle": IconSVG; phone: IconSVG; "picture-in-picture": IconSVG; "pie-chart": IconSVG; pin: IconSVG; "pizza-slice": IconSVG; play: IconSVG; plug: IconSVG; "plus-circle": IconSVG; "plus-minus": IconSVG; pointer: IconSVG; "pointer-stroke": IconSVG; "priority-high": IconSVG; "priority-low": IconSVG; "priority-medium": IconSVG; projector: IconSVG; "pull-close": IconSVG; "pull-draft": IconSVG; "pull-open": IconSVG; pulse: IconSVG; "puzzle-piece": IconSVG; "question-mark-circle": IconSVG; "question-mark-circle-stroke": IconSVG; "rectangle-group": IconSVG; "rectangle-stack-horizontal": IconSVG; "rectangle-stack-vertical": IconSVG; redo: IconSVG; reply: IconSVG; rewind: IconSVG; "rewind-10": IconSVG; rocketship: IconSVG; running: IconSVG; scale: IconSVG; scissors: IconSVG; sensor: IconSVG; server: IconSVG; "server-stack": IconSVG; shapes: IconSVG; share: IconSVG; signal: IconSVG; "signal-slash": IconSVG; signpost: IconSVG; "sort-ascending": IconSVG; "sort-descending": IconSVG; soundwave: IconSVG; "split-horizontal": IconSVG; "split-none": IconSVG; star: IconSVG; "star-half": IconSVG; "star-stroke": IconSVG; start: IconSVG; "status-offline": IconSVG; "status-online": IconSVG; stop: IconSVG; "stop-sign": IconSVG; stopwatch: IconSVG; strikethrough: IconSVG; sun: IconSVG; swatch: IconSVG; switch: IconSVG; "switch-apps": IconSVG; table: IconSVG; tag: IconSVG; task: IconSVG; telescope: IconSVG; template: IconSVG; terminal: IconSVG; thumb: IconSVG; "thumb-stroke": IconSVG; "traffic-cone": IconSVG; "transparent-box": IconSVG; "trend-down": IconSVG; "trend-up": IconSVG; trophy: IconSVG; truck: IconSVG; typography: IconSVG; undo: IconSVG; unlock: IconSVG; upload: IconSVG; "video-camera": IconSVG; "view-as-grid": IconSVG; volume: IconSVG; "volume-muted": IconSVG; wifi: IconSVG; wrench: IconSVG; "x-circle": IconSVG; "zoom-in": IconSVG; "zoom-out": IconSVG; }; export type IconName = keyof typeof ICON_IMPORTS; export declare const ICON_NAMES: IconName[]; /** * @element nve-icon * @since 0.1.3 * @entrypoint \@nvidia-elements/core/icon * @description An icon is a graphic symbol designed to visually show the purpose of an interface element. * @cssprop --color * @cssprop --width * @cssprop --height * @slot - Custom SVG content to override the named icon * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img */ export declare class Icon extends LitElement { #private; /** * Visual treatment to represent current support status. */ status?: "warning" | "danger" | "success" | "accent"; /** * Controls the bounding box size of the icon given a t-shirt style value. */ size?: Size | "xs" | "xl"; /** * Sets the direction of the icon. Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) */ direction?: "up" | "down" | "left" | "right"; /** * The name of the icon SVG sprite to render. */ name?: IconName; private svg; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static _icons: { [key: string]: IconSVG; }; private static get _iconsRegistry(); private static set _iconsRegistry(value); private static get registeredIcon(); /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; static add(icons: { [key: string]: IconSVG; }): Promise; static alias(aliases: { [key: string]: IconName | string; }): void; updated(props: PropertyValues): Promise; } export declare function mergeIcons(RegisteredIcon: typeof Icon): void; export type Color = "red-cardinal" | "gray-slate" | "gray-denim" | "blue-indigo" | "blue-cobalt" | "blue-sky" | "teal-cyan" | "green-mint" | "teal-seafoam" | "green-grass" | "yellow-amber" | "orange-pumpkin" | "red-tomato" | "pink-magenta" | "purple-plum" | "purple-violet" | "purple-lavender" | "pink-rose" | "green-jade" | "lime-pear" | "yellow-nova" | "brand-green"; /** Controls the visual scale of an element to match its importance and available space. * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence. * - `md` - Standard size that works well in most contexts and provides balanced visibility. * - `lg` - Larger size for emphasizing important elements or improving touch targets in spacious layouts. */ export type Size = "sm" | "md" | "lg"; /** Controls the visual scale of an element to match its importance and available space. * - `xs` - Extra small size for minimal elements or highly dense layouts. * - `sm` - Compact size for dense layouts or secondary elements with less visual prominence. * - `md` - Standard size that works well in most contexts and provides balanced visibility. * - `lg` - Larger size for emphasizing important elements or improving touch targets in spacious layouts. * - `xl` - Extra large size for emphasizing elements or sparse layouts. */ export type SizeExpanded = "xs" | "sm" | "md" | "lg" | "xl"; /** Controls the visual prominence to establish hierarchy and guide user attention. * - `emphasis` - Increases visual weight to draw attention and highlight important elements. * - `muted` - Reduces visual weight for supporting content that should remain subtle and unobtrusive. */ export type Prominence = "emphasis" | "muted"; /** * Determines the container bounds of the element * - `flat` Element has white space bounds but reduced visual container. * - `inline` Element container reduces to fit within inline content such as a block of text. * - `inset` Element container optimizes for embedding or inset placement inside another containing element. * - `full` Element container optimizes for filling its container bounds. * - `condensed` Element container optimizes for small, summarized or contained spaces. */ export type Container = "inline" | "flat" | "inset" | "full" | "condensed"; /** Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. * - `accent` - Highlights important actions or draws attention to primary interactive elements. * - `warning` - Indicates cautionary actions that require careful consideration before proceeding. * - `success` - Represents positive outcomes, confirmations, or constructive actions. * - `danger` - Signals destructive or irreversible actions that need extra attention and confirmation. */ export type SupportStatus = "accent" | "warning" | "success" | "danger"; /** Controls how the chart connects intermediate values between points in a data series. * - `linear` - Connects points with straight line segments. * - `smooth` - Connects points with smooth bezier curves. * - `step` - Connects points with horizontal and vertical step segments. */ export type Interpolation = "linear" | "smooth" | "step"; /** Communicates the current state of a task or process to keep users informed of progress and outcomes. * - `scheduled` - Task has a scheduled future execution at a specific time. * - `queued` - Task is waiting in line to begin after other tasks complete. * - `pending` - Task is awaiting approval, user input, or external conditions before proceeding. * - `starting` - Task is initializing and preparing to begin active execution. * - `running` - Task is actively executing and making progress. * - `restarting` - Task restarts after an interruption or reset. * - `stopping` - Task is gracefully shutting down and completing cleanup operations. * - `finished` - Task has completed successfully with the expected outcome. * - `failed` - Task encountered an error and did not complete as intended. * - `unknown` - Task status remains unknown or unavailable. * - `ignored` - Task was intentionally skipped or excluded from execution. */ export type TaskStatus = "scheduled" | "queued" | "pending" | "starting" | "running" | "restarting" | "stopping" | "finished" | "failed" | "unknown" | "ignored"; /** * https://open-ui.org/components/popup.research.explainer#api-shape * - `auto` light dismiss, focus on open, return to trigger * - `manual` no light dismiss, no auto focus * - `hint` no light dismiss, no auto focus, open/close on hover/focus */ export type PopoverType = "auto" | "manual" | "hint" | "inline"; /** Controls how the popover aligns along the edge of its anchor element. * - `start` - Aligns the popover to the beginning edge of the anchor for left or top alignment. * - `end` - Aligns the popover to the ending edge of the anchor for right or bottom alignment. * - `center` - Centers the popover along the anchor's edge for balanced positioning. */ export type PopoverAlign = "start" | "end" | "center"; /** Controls the placement of the popover relative to its anchor element. * - `center` - Centers the popover directly over the anchor element. * - `top` - Positions the popover above the anchor element. * - `bottom` - Positions the popover below the anchor element. * - `left` - Positions the popover to the left side of the anchor element. * - `right` - Positions the popover to the right side of the anchor element. */ export type PopoverPosition = "center" | "top" | "bottom" | "left" | "right"; /** Controls how data points are visually encoded in a sparkline chart. * - `line` - Renders data as a connected line to emphasize macro trend. * - `area` - Renders data as a filled area beneath a line to emphasize magnitude over time. * - `gradient` - Renders a line with gradient color treatment to communicate value intensity across the series. * - `column` - Renders data as vertical columns for easy comparison of discrete values. * - `winloss` - Renders outcomes as binary or ternary bars to highlight wins, losses, and optional ties. */ export type SparklineMark = "line" | "area" | "gradient" | "column" | "winloss"; /** The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. * - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. * - `destructive` Shows the interaction targets destructive actions such as deleting or removing. */ export type Interaction = "emphasis" | "destructive"; export interface ContainerElement { container?: Partial; } /** An element that renders complex data structures (e.g., arrays, series, matrices) rather than composable UI content and values expressible with primitive attributes. */ export interface DataElement> { data?: T; } export interface KeynavListConfig { items: NodeListOf | HTMLElement[]; layout?: "both" | "horizontal" | "vertical"; manageFocus?: boolean; manageTabindex?: boolean; loop?: boolean; dir?: string | null; } export interface StateScrollConfig { target?: HTMLElement; scrollOffset?: number; } export interface NativePopover extends ReactiveElement { anchor?: HTMLElement | string; closeTimeout?: number; popoverType?: PopoverType; modal?: boolean; popoverDismissible?: boolean; _activeTrigger?: HTMLElement; _internals?: ElementInternals; /** @deprecated */ trigger?: HTMLElement | string; /** @deprecated */ openDelay?: number; /** @deprecated */ behaviorTrigger?: boolean; } declare class TypeNativePopoverController implements ReactiveController { #private; private host; constructor(host: T); hostConnected(): Promise; hostUpdated(): Promise; hostDisconnected(): void; } export type FormControlValue = string | number | boolean | File | File[] | FormData | null | object; export interface SchemaBase { type: string; description?: string; format?: string; } export interface StringSchema extends SchemaBase { type: "string"; minLength?: number; maxLength?: number; pattern?: string; } export interface NumberSchema extends SchemaBase { type: "number"; minimum?: number; maximum?: number; multipleOf?: number; } export interface BooleanSchema extends SchemaBase { type: "boolean"; } export interface ArraySchema extends SchemaBase { type: "array"; items: Schema; minItems?: number; maxItems?: number; } export interface ObjectSchema extends SchemaBase { type: "object"; properties: Record; required?: string[]; additionalProperties?: boolean | Schema; } export interface EnumSchema extends SchemaBase { type: "enum"; enum: Array; } export type Schema = StringSchema | NumberSchema | BooleanSchema | ArraySchema | ObjectSchema | EnumSchema; export interface FormControlMetadata { tag: string; valueSchema: Schema; version?: string; validators?: Validator[]; strict?: boolean; } export interface FormControlInstance extends HTMLElement { value: FormControlValue | undefined; defaultValue: string; form: HTMLFormElement | null; readOnly: boolean; disabled: boolean; name: string; noValidate: boolean; willValidate: boolean; validity: ValidityState; validationMessage: string; required: boolean; pattern: string; min: number | null; max: number | null; step: number | null; minLength: number; maxLength: number; labels: NodeList; composedLabel: string; valueAsString: string; valueAsNumber: number; checkValidity(): boolean; reportValidity(): boolean; reset(): void; setCustomValidity(message: string): void; } /** * @event input - Dispatched when the input value changes * @event change - Dispatched when the user commits the value */ export interface FormControl { new (...args: any[]): FormControlInstance; formAssociated: boolean; metadata: FormControlMetadata; localName?: string; } export interface ValidatorResult { validity: Partial; message?: string; } export type Validator = (value: unknown, element: FormControl) => ValidatorResult; export type Constructor = (new (...args: any[]) => HTMLElement & { connectedCallback?(): void; disconnectedCallback?(): void; attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void; requestUpdate?(name?: string, oldValue?: unknown): void; }) & { observedAttributes?: string[]; }; export interface FormControlMixinInstance { /** * The initial value used when the parent form resets. */ defaultValue: string; /** * Prevents the user from changing the control value. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly * @attr readonly * @reflect */ readOnly: boolean; /** * Prevents the user from interacting with the control. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled * @attr disabled * @reflect */ disabled: boolean; /** * Requires a value before the parent form can submit. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required * @attr required * @reflect */ required: boolean; /** * Defines the pattern that text values must match. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern * @attr pattern * @reflect */ pattern: string; /** * Defines the minimum numeric value. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min * @attr min * @reflect */ min: number | null; /** * Defines the maximum numeric value. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max * @attr max * @reflect */ max: number | null; /** * Defines the value granularity for numeric inputs. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step * @attr step * @reflect */ step: number | null; /** * Defines the minimum text length. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength * @attr minlength * @reflect */ minLength: number; /** * Defines the maximum text length. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength * @attr maxlength * @reflect */ maxLength: number; /** * The name submitted with the control value as part of the form data. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name * @attr name * @reflect */ name: string; /** * Disables constraint validation for this control. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/novalidate * @attr novalidate * @reflect */ noValidate: boolean; /** * The current form control value. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/value * @attr value * @reflect */ value: T | undefined; /** * The form associated with the control. * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form */ form: HTMLFormElement | null; /** * Indicates whether the control participates in constraint validation. * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/willValidate */ willValidate: boolean; /** * The control validity state. * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/validity */ validity: ValidityState; /** * The validation message shown when the control is invalid. * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/validationMessage */ validationMessage: string; /** * The current value serialized as a string. */ valueAsString: string; /** * The current value parsed as a number. */ valueAsNumber: number; /** * The control type. */ type: string; /** * Labels associated with the control. * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/labels */ labels: NodeList; /** * Text content from labels associated with the control. */ composedLabel: string; _metadata: FormControlMetadata; _initialValue: T | undefined; _validators: NonNullable; _internals: ElementInternals; updateValue(value: T): void; _stopInternalPropagation(event: Event): void; _handleAttributeChange(name: string, newValue: string | null): void; formResetCallback(): void; formDisabledCallback(disabled: boolean): void; formStateRestoreCallback(state: T, reason: string): void; /** * Reports whether the control satisfies its constraints. * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity */ reportValidity(): boolean; /** * Checks whether the control satisfies its constraints. * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity */ checkValidity(): boolean; setValidity(validity: Partial, message?: string): void; /** * Sets a custom validation message. * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity */ setCustomValidity(message: string): void; /** * Resets the control value to its initial value. */ reset(): void; dispatchInputEvent(): void; dispatchChangeEvent(): void; dispatchUpdateEvent(type: "input" | "change"): void; _updateFormState(): void; _requestUpdate(): void; } export type FormControlMixinReturn = (new (...args: ConstructorParameters) => InstanceType & FormControlMixinInstance) & { formAssociated: boolean; metadata: FormControlMetadata; observedAttributes: string[]; } & Omit; export type ButtonType = "button" | "submit" | "reset"; export type CurrentState = "page" | "step"; export type PopoverTargetAction = "show" | "hide" | "toggle"; export interface ButtonFormControlMixinInstance { /** * Use for toggle button types. * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed * @attr pressed * @reflect */ pressed: boolean; /** * Use for buttons that expand or collapse content. * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded * @attr expanded * @reflect */ expanded: boolean; /** * Like input readonly, sets a button semantically as visual treatment only. * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly * @attr readonly * @reflect */ readOnly: boolean; /** * Like input form, sets a button to submit a form outside its parent form. * Returns a reference to the form element if available. * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form * @attr form */ form: HTMLFormElement | null | string; /** * The name of the button, submitted as a pair with the button value as part of the form data. * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-name * @attr name * @reflect */ name: string; /** * Defines the value associated with the button name when submitting form data. * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-value * @attr value * @reflect */ value: string; /** * Defines the button behavior when associated within a form element. * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type * @attr type * @reflect */ type: ButtonType; /** * Prevents the user from interacting with the button. * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-disabled * @attr disabled * @reflect */ disabled: boolean; /** * Sets selected state when the button belongs to a multi-choice selection group. * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected * @attr selected * @reflect */ selected: boolean; /** * Sets the current state used to represent the current page or navigation link. * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current * @attr current * @reflect */ current: CurrentState; /** * Establishes a relationship between a popover and its invoker button. * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement */ popoverTargetElement: HTMLElement | null; /** * The id reference of the element that receives the popover. * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#popovertarget * @attr popovertarget * @reflect */ popovertarget: string; /** * The popover target action to perform on the popover target element. * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction * @attr popovertargetaction * @reflect */ popoverTargetAction: PopoverTargetAction; /** * The element that receives the command. * https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API * @attr commandfor * @reflect */ commandForElement: HTMLElement | null; /** * The command to execute on the element. * https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API * @attr command * @reflect */ command: string; /** * The element that receives the interest. * https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement * @attr interestfor * @reflect */ interestForElement: HTMLElement | null; _internals: ElementInternals; } export interface ButtonFormControlHost { connectedCallback?(): void; disconnectedCallback?(): void; attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void; requestUpdate?(name?: string, oldValue?: unknown): void; updateComplete?: Promise; } type Constructor$1 = (new (...args: any[]) => HTMLElement & ButtonFormControlHost) & { observedAttributes?: string[]; }; export type ButtonFormControlConstructor = new (...args: ConstructorParameters) => InstanceType & ButtonFormControlMixinInstance; export type ButtonFormControlMixinReturn = ButtonFormControlConstructor & { formAssociated: boolean; observedAttributes: string[]; } & Omit; declare const Button_base: ButtonFormControlMixinReturn; /** * @element nve-button * @description A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation. * @since 0.1.3 * @entrypoint \@nvidia-elements/core/button * @slot - slot for button text content or icon, icon placement depends on whether `icon` appears before or after text content. * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --border * @cssprop --border-radius * @cssprop --font-weight * @cssprop --font-size * @cssprop --text-decoration * @cssprop --text-align * @cssprop --cursor * @cssprop --gap * @cssprop --height * @cssprop --text-transform * @cssprop --line-height * @cssprop --width * @cssprop --min-width * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/ */ export declare class Button extends Button_base { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** * Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. */ container?: "flat" | "inline"; /** * Determines size of the button. */ size?: Size; /** * The Interaction type provides a way to show the intended use case for a button or other interactive element. This can help users quickly understand what each interaction will do and reduce the potential for confusion or errors. */ interaction: Interaction; render(): TemplateResult<1>; } /** * @element nve-icon-button * @description An icon button is a button that displays only an icon without a visual label. * @since 0.2.1 * @entrypoint \@nvidia-elements/core/icon-button * @slot - default slot for custom icons * @cssprop --border-radius * @cssprop --padding * @cssprop --line-height * @cssprop --gap * @cssprop --height * @cssprop --width * @cssprop --font-size * @cssprop --color * @cssprop --background * @csspart icon - The icon element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/ */ export declare class IconButton extends Button { /** * Sets the icon name, which determines which icon to display. */ iconName: IconName; /** * Sets the direction of the icon. * Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/chevron icons (4-directions) */ direction: "up" | "down" | "left" | "right"; /** * Sets size of the icon button. */ size?: Size; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; render(): TemplateResult<1>; } /** * @element nve-accordion-header * @description Provides the clickable heading region of an accordion that toggles the visibility of associated content. * @since 0.12.0 * @entrypoint \@nvidia-elements/core/accordion * @slot - default content slot * @slot prefix - slot for prefix content * @slot suffix - slot for suffix content * @cssprop --cursor * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ */ export declare class AccordionHeader extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; slot: string; connectedCallback(): void; } /** * @element nve-accordion-content * @description Contains the collapsible body content that reveals or hides when the parent accordion expands or collapses. * @since 0.12.0 * @entrypoint \@nvidia-elements/core/accordion * @slot - This is a default/unnamed slot for accordion content * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ */ export declare class AccordionContent extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): TemplateResult<1>; } /** * @element nve-accordion * @description An accordion is a vertical stack of interactive headings used to toggle the display of further information. * @since 0.12.0 * @entrypoint \@nvidia-elements/core/accordion * @command --open - use to open the accordion * @command --close - use to close the accordion * @command --toggle - use to toggle the accordion * @slot - This is a default/unnamed slot for accordion content * @slot icon-button - icon elements to display for expand/collapse * @slot header - header element (Use `accordion-header` or custom content) * @slot content - content element (Use `accordion-content` or custom content) * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --header-padding * @cssprop --cursor * @cssprop --transition * @csspart icon-button - The toggle icon button element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ */ export declare class Accordion extends LitElement implements ContainerElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; /** @private */ _internals: ElementInternals; /** * Enables updating internal string values for internationalization. */ i18n: Partial; /** * Determines the container styles of component. Flat suits nesting accordions within other containers. Inset suits more complex accordions where content needs distinct separation. */ container?: Extract; /** * Determines whether the accordion expands to display its contents. */ expanded: boolean; /** * Determines whether the accordion is expandable */ disabled: boolean; /** * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) */ behaviorExpand: boolean; render(): TemplateResult<1>; connectedCallback(): void; firstUpdated(props: PropertyValues): Promise; } /** * @element nve-accordion-group * @description Organizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion. * @since 0.12.0 * @entrypoint \@nvidia-elements/core/accordion * @cssprop --padding * @slot - This is a default slot for accordions within the group * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/ */ export declare class AccordionGroup extends LitElement { #private; _internals: ElementInternals; static styles: CSSResult[]; /** * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless) */ behaviorExpand: boolean; /** * Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time */ behaviorExpandSingle: boolean; /** flat (Borderless, container-less accordions), full (default), or inset (Rounded corner, contained accordion) */ container?: Extract; static readonly metadata: { tag: string; version: string; children: string[]; }; private accordions; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; updated(props: PropertyValues): void; } /** * @element nve-alert * @description Alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/alert * @event close - Dispatched when the alert closes within an alert group. * @command --close - Use to set the alert closed/hidden state. * @slot icon - Icon slot renders on the left side of the alert. Icons typically represent the alert's status. * @slot prefix - Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status. * @slot actions - Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert. * @slot content - Content for large overflow text. * @slot - Default content placed inside of the alert. * @cssprop --gap * @cssprop --font-size * @cssprop --color * @cssprop --icon-color * @cssprop --icon-size * @cssprop --font-weight * @cssprop --justify-content * @cssprop --align-items * @cssprop --min-height * @cssprop --text-transform * @cssprop --height * @cssprop --width * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/ */ export declare class Alert extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; [IconButton.metadata.tag]: typeof IconButton; }; /** Defines visual treatment to represent a ongoing task or support status. */ status?: SupportStatus | TaskStatus | "muted"; /** When used in an `alert-group` the `closable` property enables dismissing alerts within the same group. */ closable: boolean; /** Enables updating internal string values for internationalization. */ i18n: Partial; private prefixItems; private actionItems; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-alert-group * @description An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/alert * @cssprop --gap * @cssprop --font-size * @cssprop --padding * @cssprop --border * @cssprop --border-radius * @cssprop --color * @cssprop --background * @slot - default slot for nve-alert * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/ */ export declare class AlertGroup extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; /** Defines visual treatment to represent a ongoing task or support status. */ status?: SupportStatus; /** Determines the visual prominence or weight, emphasis applies banner style alerts */ prominence?: Extract; /** Allows colors not defined by semantic status definitions for non-status instances, such as callouts for tutorials or tips on a documentation site. */ color: Color; /** Determines the container bounds of the element */ container?: Extract; /** @private */ _internals: ElementInternals; private alerts; render(): TemplateResult<1>; connectedCallback(): void; updated(props: PropertyValues): void; } /** * @element nve-avatar * @description Avatar represents a user/bot within a UI. Typically with text or image content. * @since 1.20.0 * @entrypoint \@nvidia-elements/core/avatar * @slot - default slot for content * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --height * @cssprop --width * @cssprop --font-size * @cssprop --font-weight * @cssprop --border * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/ * */ export declare class Avatar extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** Sets size of the avatar component. Update size through the `width + height` css props as an alternative. */ size?: Size | "xs"; /** Sets the color of the avatar component. */ color: Color; render(): TemplateResult<1>; } /** * @element nve-avatar-group * @description An avatar group displays a collection of user avatars in a compact and organized layout, showcasing many participants or contributors in a space-efficient way. * @since 1.20.0 * @entrypoint \@nvidia-elements/core/avatar * @slot - default slot for content * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/ * */ export declare class AvatarGroup extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-badge * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/badge * @slot - default slot for content * @slot prefix-icon - slot for prefix icon * @slot suffix-icon - slot for suffix icon * @cssprop --background * @cssprop --color * @cssprop --gap * @cssprop --font-size * @cssprop --icon-color * @cssprop --padding * @cssprop --border * @cssprop --border-radius * @cssprop --font-weight * @cssprop --text-transform * @cssprop --width * @cssprop --height * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img */ export declare class Badge extends LitElement { #private; /** * Visual treatment to represent a ongoing task, support status. */ status: TaskStatus | SupportStatus; /** * Highlights content to draw attention and convey simple messages. */ color: Color; /** * Determines the container styles of component. Flat suits nesting within other containers. */ container?: "flat"; /** Determines the visual prominence or weight */ prominence?: Extract; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; /** @private */ _internals: ElementInternals; /** * Enables updating internal string values for internationalization. */ i18n: Partial; render(): TemplateResult<1>; connectedCallback(): void; updated(props: PropertyValues): void; } /** * @element nve-breadcrumb * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/breadcrumb * @cssprop --gap * @cssprop --height * @cssprop --font-size * @cssprop --font-weight * @cssprop --color * @cssprop --border-radius * @cssprop --padding * @cssprop --width * @cssprop --icon-width * @cssprop --icon-height * @cssprop --text-decoration * @slot - default slot for `nve-button` and anchor elements * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role */ export declare class Breadcrumb extends LitElement { #private; get keynavListConfig(): KeynavListConfig; /** @private */ _internals: ElementInternals; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; private breadcrumbItems; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-button-group * @description A button group organizes related buttons and can support either mutually exclusive single or multi selection. Prefer usage within toolbars. * @since 0.16.0 * @entrypoint \@nvidia-elements/core/button-group * @slot - default slot for `nve-button` or `nve-icon-button` * @cssprop --background * @cssprop --border-radius * @cssprop --padding * @cssprop --gap * @cssprop --width * @cssprop --height * @cssprop --color * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role */ export declare class ButtonGroup extends LitElement { #private; /** @private */ get keynavListConfig(): KeynavListConfig; /** By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. */ behaviorSelect: "single" | "multi"; /** Set the style of the button group using the `container` property. Options are the default display when omitting the attribute, `flat` or `rounded`. */ container?: "flat" | "rounded"; /** Determines the orientation direction of the group. Vertical groups support icon buttons only. */ orientation?: "horizontal" | "vertical"; /** Use the `interaction` property on `button-group` in combination with `divider` for color-coded split buttons */ interaction: Interaction; /** Determines size of button */ size?: Size; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; /** @private */ _internals: ElementInternals; private dividers; private iconButtons; private buttons; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; updated(props: PropertyValues): void; } /** * @element nve-card * @description A container for content representing a single entity. * @since 0.1.3 * @entrypoint \@nvidia-elements/core/card * @slot - use ``,``,`` for card content layout * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --box-shadow * @cssprop --border * @aria https://github.com/w3c/aria-practices/issues */ export declare class Card extends LitElement implements ContainerElement { /** flat (embed into parent container) or full (width of viewport) */ container?: "flat" | "full"; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): TemplateResult<1>; } /** * @element nve-card-header * @description Displays the title and optional actions at the top of a card, establishing the card's identity and purpose. * @since 0.1.3 * @entrypoint \@nvidia-elements/core/card * @slot - default slot * @cssprop --padding * @cssprop --border-bottom * @cssprop --line-height * @cssprop --gap * @aria https://github.com/w3c/aria-practices/issues */ export declare class CardHeader extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; slot: string; render(): TemplateResult<1>; } /** * @element nve-card-content * @description Contains the primary body content of a card, providing a structured region for the main information or media. * @since 0.1.3 * @entrypoint \@nvidia-elements/core/card * @slot - This is a default/unnamed slot for card content * @cssprop --padding * @aria https://github.com/w3c/aria-practices/issues */ export declare class CardContent extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; } /** * @element nve-card-footer * @description Provides a designated area at the bottom of a card for actions, metadata, or supplementary information. * @since 0.1.3 * @entrypoint \@nvidia-elements/core/card * @slot - This is a default/unnamed slot for card footer content * @cssprop --padding * @cssprop --border-top * @aria https://github.com/w3c/aria-practices/issues */ export declare class CardFooter extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; slot: string; render(): TemplateResult<1>; } /** * @element nve-chat-message * @description A chat message component displays a text message within a conversation, sent between users or bots * @since 1.25.0 * @entrypoint \@nvidia-elements/core/chat-message * @slot - default slot for content * @slot prefix - for avatar/img content * @slot suffix - for avatar/img content * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --gap * @cssprop --border-radius * @cssprop --font-size * @cssprop --line-height * @cssprop --overflow * @cssprop --top-offset - Vertical offset for aligning message with avatar * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/ * @stable false */ export declare class ChatMessage extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; container: "flat"; color: Color; arrowPosition: "top-start" | "top-end" | "bottom-start" | "bottom-end"; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-control * @description Wraps a form input with its associated label and validation messages, managing layout and accessibility associations. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/forms * @slot - Control input element * @slot label - Label element * @cssprop --cursor * @cssprop --accent-color * @cssprop --color * @cssprop --label-color * @cssprop --label-width * @cssprop --label-font-weight * @cssprop --label-font-size * @cssprop --control-width * @cssprop --control-height * @aria https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals * @package true */ export declare class Control extends LitElement { #private; /** Set current visual state for control. This overrides any validation states active. */ status: "warning" | "error" | "success" | "disabled"; /** Set current control + label + control message layout. Layouts will collapse based on available container space. */ layout: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline"; /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */ fitText: boolean; /** Sets the input to match native default content block */ fitContent: boolean; /** Enables internal string values to update for internationalization. */ i18n: Partial; /** Set the visual prominence of the control */ prominence: "muted"; /** @private */ get input(): HTMLInputElement; /** @private */ protected get prefixContent(): typeof nothing | TemplateResult; /** @private */ protected get suffixContent(): typeof nothing | TemplateResult; protected nveControl: string; /** @private */ _internals: ElementInternals; protected _associateDatalist: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; /** Resets control value to initial attribute value and clears any active validation rules. */ reset(): void; protected showPicker(): void; } /** * @element nve-control-group * @description Groups many related form controls under a shared label and validation context for semantically linked inputs. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/forms * @slot - Control input elements * @cssprop --color * @cssprop --label-color * @cssprop --label-text-transform * @cssprop --label-font-weight * @cssprop --label-font-size * @aria https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals * @package true */ export declare class ControlGroup extends LitElement { #private; /** Set each slotted control + label + control message layout */ layout: "vertical" | "vertical-inline" | "horizontal" | "horizontal-inline"; /** Set the visual prominence of the control group */ prominence: "muted"; get label(): HTMLLabelElement | null; get inputs(): HTMLInputElement[]; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; firstUpdated(props: PropertyValues): void; disconnectedCallback(): void; } export type ValidityStateError = "badInput" | "customError" | "patternMismatch" | "rangeOverflow" | "rangeUnderflow" | "stepMismatch" | "tooLong" | "tooShort" | "typeMismatch" | "valid" | "valueMissing"; /** * @element nve-control-message * @description Defining a Validity State on a control-message allows messages to show conditionally based on the current HTML5 validity state. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/forms * @slot - default slot for content * @cssprop --color * @cssprop --font-weight * @cssprop --font-size * @csspart icon - The icon element * @aria https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals * @package true */ export declare class ControlMessage extends LitElement { /** * Visual treatment for current form control validation status */ status?: "warning" | "error" | "success" | "disabled"; /** * Validation error code for current form control * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState */ error: ValidityStateError | null; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; slot: string; render(): TemplateResult<1>; } /** * @element nve-checkbox * @description A checkbox is a control that enables users to choose between two distinct mutually exclusive options (checked or unchecked, on or off) through a single click or tap. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/checkbox * @cssprop --cursor * @cssprop --width * @cssprop --height * @cssprop --border-width * @cssprop --border-radius * @cssprop --border-color * @cssprop --background * @cssprop --check-color * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/ */ export declare class Checkbox extends Control { protected nveControl: string; static styles: CSSResult[]; /** @private - disable for inline control */ fitText: boolean; /** @private - disable for inline control */ fitContent: boolean; static readonly metadata: { tag: string; version: string; children: string[]; }; } /** * @element nve-checkbox-group * @description Groups related checkboxes together with a shared label and validation messaging for multi-select form inputs. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/checkbox * @aria https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/ */ export declare class CheckboxGroup extends ControlGroup { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; } /** * @element nve-color * @description A color picker is a control that enables users to choose a color value. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/color * @cssprop --cursor * @csspart icon-button - The eye dropper icon button element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color */ declare class Color$1 extends Control implements ContainerElement { #private; /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; protected get suffixContent(): TemplateResult<1>; connectedCallback(): void; } declare const MenuItem_base: ButtonFormControlMixinReturn; /** * @element nve-menu-item * @description Represents a selectable option within a menu, providing an interactive button for navigation or actions. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/menu * @slot - default slot for content * @slot suffix - slot for suffix icon * @cssprop --background * @cssprop --border-radius * @cssprop --border-background * @cssprop --font-size * @cssprop --font-weight * @cssprop --color * @cssprop --padding * @cssprop --gap * @cssprop --width * @cssprop --min-height * @cssprop --line-height * @cssprop --cursor * @cssprop --opacity * @cssprop --text-transform * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/ */ export declare class MenuItem extends MenuItem_base { static styles: CSSResult[]; status: "danger"; static readonly metadata: { tag: string; version: string; parents: string[]; }; static elementDefinitions: {}; render(): TemplateResult<1>; constructor(); connectedCallback(): void; } /** * @element nve-menu * @description A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/menu * @slot - default slot for `nve-menu-item` * @cssprop --padding * @cssprop --gap * @cssprop --width * @cssprop --max-width * @cssprop --min-width * @cssprop --max-height * @event scroll - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/ */ export declare class Menu extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; static elementDefinitions: {}; /** @private */ get keynavListConfig(): KeynavListConfig; /** @private */ _internals: ElementInternals; items: MenuItem[]; render(): TemplateResult<1>; firstUpdated(): Promise; connectedCallback(): void; } /** * @element nve-dropdown * @description Generic dropdown element for rendering a variety of different content such as interactive navigation or form controls. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) * @since 0.6.0 * @entrypoint \@nvidia-elements/core/dropdown * @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 dropdown opens. * @event close - Dispatched when the dropdown closes. * @slot - default slot for dropdown content * @cssprop --border * @cssprop --border-radius * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --box-shadow * @cssprop --width * @cssprop --min-width * @cssprop --gap * @cssprop --arrow-transform - Transform applied to the popover arrow * @cssprop --animation-duration - Duration of dropdown open/close animations * @csspart icon-button - The close icon button element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/ */ export declare class Dropdown extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; /** * (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; /** * 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. * If an arrow exists the alginment will be relative to the arrow against the anchor. */ alignment: PopoverAlign; /** * @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 dropdown. Non-closable * dropdowns suit menu or selection patterns. */ closable: boolean; /** * Determines if an arrow renders. */ arrow: boolean; /** @private */ modal: boolean; /** @private */ popoverType: PopoverType; popoverArrow: HTMLElement; protected typeNativePopoverController: TypeNativePopoverController; /** @private */ get popoverDismissible(): boolean; /** * Enables internal string values to update for internationalization. */ i18n: Partial; render(): TemplateResult<1>; } /** * @element nve-dropdown-footer * @description Provides a fixed area at the bottom of a dropdown menu for extra actions or supplementary controls. * @since 0.36.0 * @entrypoint \@nvidia-elements/core/dropdown * @slot - default slot for the dropdown footer * @cssprop --border-top * @cssprop --padding * @cssprop --gap * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/ */ export declare class DropdownFooter extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-dropdown-header * @description Displays a title or contextual label at the top of a dropdown menu to categorize its contents. * @since 0.36.0 * @entrypoint \@nvidia-elements/core/dropdown * @slot - default slot for the dropdown header * @cssprop --border-bottom * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/ */ export declare class DropdownHeader extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; connectedCallback(): void; } declare const Tag_base: ButtonFormControlMixinReturn; /** * @element nve-tag * @description A interactive element that represents a category or group of content. Typically used to filter or organize content for one to many relations. * @since 0.10.0 * @entrypoint \@nvidia-elements/core/tag * @slot - default slot for content * @cssprop --background * @cssprop --color * @cssprop --gap * @cssprop --font-size * @cssprop --padding * @cssprop --border * @cssprop --border-radius * @cssprop --font-weight * @cssprop --cursor * @cssprop --height * @cssprop --width * @cssprop --max-width * @cssprop --text-decoration * @csspart icon - The icon element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/ */ export declare class Tag extends Tag_base { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; /** Determines if tag is closable, if true, the component renders a close icon. */ closable: boolean; /** Determines the color of the tag. */ color: Color; /** Determines the visual prominence or weight */ prominence?: Extract; /** Updates internal string values for internationalization. */ i18n: Partial; render(): TemplateResult<1>; constructor(); } /** * @element nve-combobox * @description An editable combobox with autocomplete behavior and selection support. * @since 0.17.0 * @entrypoint \@nvidia-elements/core/combobox * @slot - default slot for an input and a datalist/select element * @slot prefix-icon - slot for icon before the input * @slot footer - slot for dropdown footer content * @cssprop --scroll-height * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --border * @cssprop --cursor * @cssprop --font-weight * @cssprop --width * @cssprop --border-color * @cssprop --max-height * @cssprop --text-transform * @csspart tag - The tag element for selected items * @csspart dropdown - The dropdown popup element * @csspart menu - The menu element * @csspart menu-item - The menu item elements * @csspart checkbox - The checkbox element * @csspart icon - The icon element * @event scroll - Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. * @event create - Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`. * @csspart create-option - The menu item element for creating new options * @aria https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-list/ */ export declare class Combobox extends Control implements ContainerElement { #private; /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container: "flat"; /** Manage inline tag rendering for many-item select */ tagLayout: "hidden" | "wrap"; /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */ behaviorCreate: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Checkbox.metadata.tag]: typeof Checkbox; [Icon.metadata.tag]: typeof Icon; [Dropdown.metadata.tag]: typeof Dropdown; [Menu.metadata.tag]: typeof Menu; [MenuItem.metadata.tag]: typeof MenuItem; [Tag.metadata.tag]: typeof Tag; }; protected _associateDatalist: boolean; protected get prefixContent(): TemplateResult<1>; protected get suffixContent(): typeof nothing | TemplateResult<1>; firstUpdated(props: PropertyValues): Promise; connectedCallback(): void; disconnectedCallback(): void; reset(): void; /** Select all options provided */ selectAll(): void; } /** * @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: 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(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-tooltip * @description A contextual popup that displays a plaintext description. Tooltips are [triggered](https://w3c.github.io/aria/#tooltip) by hovering, 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/tooltip * @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 tooltip opens. * @event close - Dispatched when the tooltip closes. * @slot - default content slot * @cssprop --border-radius * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --box-shadow * @cssprop --font-size * @cssprop --font-weight * @cssprop --arrow-transform * @cssprop --width * @cssprop --height * @cssprop --border * @csspart arrow * @cssprop --animation-duration - Duration of tooltip open/close animations * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/ */ export declare class Tooltip extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** * (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; /** * @deprecated Use the popover API instead. * Determines if popover visibility behavior should be automatically controlled by the trigger. */ behaviorTrigger: boolean; /** * visual treatment to represent a ongoing task or support status */ status: "muted"; /** * @deprecated Use interest-delay-start css property instead */ openDelay: number; popoverArrow: HTMLElement; /** @private */ readonly popoverType: PopoverType; protected typeNativePopoverController: TypeNativePopoverController; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-copy-button * @description A copy button is a button that easily enables the copy to clipboard pattern. * @since 1.1.4 * @entrypoint \@nvidia-elements/core/copy-button * @slot - default * @slot icon - slot for custom icon * @cssprop --color * @cssprop --background * @cssprop --border-radius * @cssprop --padding * @cssprop --height * @cssprop --min-width * @cssprop --font-size * @cssprop --line-height * @csspart icon - The icon element * @csspart toast - The toast notification element * @csspart tooltip - The tooltip element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/ * */ export declare class CopyButton extends Button { #private; private copied; private showToast; private showTooltip; /** * Enables internal string values to update for internationalization. */ i18n: Partial; /** * Determines if the copy button should auto write to clipboard by the trigger. */ behaviorCopy: boolean; /** * Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint. */ value: string; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; [Toast.metadata.tag]: typeof Toast; [Tooltip.metadata.tag]: typeof Tooltip; }; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; } /** * @element nve-date * @description A date picker is a control that enables users to choose a date value. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/date * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --border * @cssprop --border-bottom * @cssprop --cursor * @cssprop --font-weight * @cssprop --width * @cssprop --max-width * @cssprop --min-width * @csspart icon-button - The calendar icon button element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date */ declare class Date$1 extends Control implements ContainerElement { /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; protected get suffixContent(): TemplateResult<1>; } /** * @element nve-datetime * @description A datetime picker is a control that enables users to choose a datetime value. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/datetime * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --border * @cssprop --border-bottom * @cssprop --cursor * @cssprop --font-weight * @cssprop --width * @cssprop --max-width * @cssprop --min-width * @csspart icon-button - The calendar icon button element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local */ export declare class Datetime extends Control implements ContainerElement { /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; protected get suffixContent(): TemplateResult<1>; } /** * @element nve-dialog * @description Dialog is a component that appears above main content. A modal dialog displays critical information that requires user attention and interrupts user flow. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) * @since 0.6.0 * @entrypoint \@nvidia-elements/core/dialog * @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 dialog opens. * @event close - Dispatched when the dialog closes. * @slot - default content slot * @cssprop --border * @cssprop --border-radius * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --box-shadow * @cssprop --gap * @cssprop --max-width * @cssprop --min-height * @cssprop --max-height * @cssprop --animation-duration - Duration of dialog open/close animations * @csspart close-button - The inner template reference for the close button of the dialog. * @csspart icon-button - The icon button element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */ export declare class Dialog extends LitElement { #private; /** * Sets the side position of the popover relative to the provided anchor element. * For dialog the anchor defaults to the document body. */ position: PopoverPosition; /** * Sets the alignment of the popover relative to the provided anchor element. * If an arrow exists the alignment will be relative to the arrow against the anchor. */ alignment: PopoverAlign; /** * Sets the max size of the dialog. */ size?: Size; /** * Determines if a close button should render within dialog. Non-closable * dialogs suit dialogs that require user confirmation steps. */ closable: boolean; /** * Determines if a dialog 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; /** * @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: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-dialog-header * @description Displays the title and contextual information at the top of a dialog to orient users to the dialog's purpose. * @since 0.6.0 * @entrypoint \@nvidia-elements/core/dialog * @slot - default slot for the dialog header * @cssprop --border-bottom * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */ export declare class DialogHeader extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-dialog-footer * @description Contains the action buttons and controls at the bottom of a dialog for confirming, canceling, or navigating. * @since 0.6.0 * @entrypoint \@nvidia-elements/core/dialog * @slot - default slot for the dialog footer * @cssprop --border-top * @cssprop --padding * @cssprop --gap * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */ export declare class DialogFooter extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-divider * @description Divider is a component that separates and distinguishes sections of content or groups of menuitems. * @since 0.12.0 * @entrypoint \@nvidia-elements/core/divider * @cssprop --color * @cssprop --padding * @cssprop --size * @cssprop --border-radius * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/separator_role */ export declare class Divider extends LitElement { /** * Determines the orientation of the divider. */ orientation: "vertical" | "horizontal"; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; updated(props: PropertyValues): void; } /** * @element nve-dot * @description A visual indicator that communicates a status or notification of an associated component. * @since 0.10.0 * @entrypoint \@nvidia-elements/core/dot * @slot - default text content no more than 2 characters in length * @cssprop --gap * @cssprop --font-size * @cssprop --font-weight * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --height * @cssprop --width * @cssprop --padding * @cssprop --border * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img */ export declare class Dot extends LitElement { #private; /** Defines visual treatment to represent a ongoing task or support status. */ status: SupportStatus | TaskStatus; /** Determines size of dot relative to provided text. */ size: Size; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @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: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; } /** * @element nve-drawer-content * @description Contains the scrollable main body content within a drawer panel. * @since 0.16.0 * @entrypoint \@nvidia-elements/core/drawer * @slot - default slot for the drawer content * @cssprop --padding * @cssprop --gap * @cssprop --width * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */ export declare class DrawerContent extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; } /** * @element nve-drawer-footer * @description Provides a fixed action area at the bottom of a drawer for primary actions such as save or cancel. * @since 0.16.0 * @entrypoint \@nvidia-elements/core/drawer * @slot - default slot for the drawer footer * @cssprop --border-top * @cssprop --padding * @cssprop --gap * @cssprop --min-height * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */ export declare class DrawerFooter extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-drawer-header * @description Displays the title and optional close control at the top of a drawer to identify its purpose. * @since 0.16.0 * @entrypoint \@nvidia-elements/core/drawer * @slot - default slot for the drawer header * @cssprop --border-bottom * @cssprop --min-height * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/ */ export declare class DrawerHeader extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-dropdown-group * @description A Dropdown Group streamlines the management of linked dropdowns and supports nested dropdowns for a more organized and intuitive user experience * @since 1.30.1 * @entrypoint \@nvidia-elements/core/dropdown-group * @slot - default slot for dropdown content * @event open - Dispatched when a dropdown in the group opens * @event close - Dispatched when a dropdown in the group closes * @cssprop --nve-dropdown-group-spacing * @cssprop --nve-dropdown-group-transition * @cssprop --arrow-transform - Transform applied to the popover arrow * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/ * @stable false */ export declare class DropdownGroup extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; protected dropdowns: Dropdown[]; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; close(): void; } declare function fileTypeValidator(value: unknown, element: unknown): ValidatorResult; declare const Dropzone_base: FormControlMixinReturn; /** * @element nve-dropzone * @description A dropzone form control that enables users to drag and drop files onto it. * @since 1.29.0 * @entrypoint \@nvidia-elements/core/dropzone * @event change - Dispatched when the value has changed (files located in event.target) * @slot - use only when custom messaging requires it * @cssprop --background * @cssprop --border-color * @cssprop --border-radius * @cssprop --padding * @cssprop --min-height * @cssprop --color * @slot icon - default slot for icon * @slot content - default slot for content * @csspart icon - The upload icon element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file * @stable false */ export declare class Dropzone extends Dropzone_base { #private; accept: string; maxFileSize: number; /** * Enables internal string values to update for internationalization. */ i18n: Partial; private fileInput; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; validators: (typeof fileTypeValidator)[]; valueSchema: { type: "array"; items: { type: "object"; properties: { name: { type: "string"; }; size: { type: "number"; }; type: { type: "string"; }; }; }; }; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; formResetCallback(): void; constructor(); connectedCallback(): void; disconnectedCallback(): void; render(): TemplateResult<1>; } /** * @element nve-file * @description A file picker is a control that enables users to choose a file value. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/file * @cssprop --background * @cssprop --padding * @cssprop --border-radius * @cssprop --border * @cssprop --font-weight * @cssprop --font-size * @cssprop --text-decoration * @cssprop --cursor * @cssprop --gap * @cssprop --height * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file */ declare class File$1 extends Control { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; connectedCallback(): void; } /** * @element nve-format-datetime * @description Formats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element. * Granular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads. * @since 0.0.0 * @entrypoint \@nvidia-elements/core/format-datetime * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. */ export declare class FormatDatetime extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** * Optional date string for values supplied by JavaScript or bound data. * By default, the component formats the element's text content, which also serves as the SSR fallback. * When both are present, this property takes precedence. */ date?: string; /** * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */ locale?: string; /** * Weekday representation: 'long' | 'short' | 'narrow'. */ weekday?: "long" | "short" | "narrow"; /** * Year representation: 'numeric' | '2-digit'. */ year?: "numeric" | "2-digit"; /** * Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'. */ month?: "numeric" | "2-digit" | "long" | "short" | "narrow"; /** * Day representation: 'numeric' | '2-digit'. */ day?: "numeric" | "2-digit"; /** * Hour representation: 'numeric' | '2-digit'. */ hour?: "numeric" | "2-digit"; /** * Minute representation: 'numeric' | '2-digit'. */ minute?: "numeric" | "2-digit"; /** * Second representation: 'numeric' | '2-digit'. */ second?: "numeric" | "2-digit"; /** * Preset date formatting style: 'full' | 'long' | 'medium' | 'short'. * Preset styles take precedence over granular date and time part options. */ dateStyle?: "full" | "long" | "medium" | "short"; /** * Preset time formatting style: 'full' | 'long' | 'medium' | 'short'. * Preset styles take precedence over granular date and time part options. */ timeStyle?: "full" | "long" | "medium" | "short"; /** * Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it. */ timeZoneName?: "long" | "short"; /** * IANA time zone identifier (such as 'America/New_York', 'UTC'). */ timeZone?: string; render(): TemplateResult<1>; } export type FormatNumberStyle = "decimal" | "currency" | "percent" | "unit"; export type CurrencyDisplayOption = "symbol" | "code" | "name" | "narrowSymbol"; export type CurrencySignOption = "standard" | "accounting"; export type NotationOption = "standard" | "scientific" | "engineering" | "compact"; export type CompactDisplayOption = "short" | "long"; export type UnitDisplayOption = "short" | "long" | "narrow"; export type SignDisplayOption = "auto" | "never" | "always" | "exceptZero"; /** * @element nve-format-number * @description A localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat. * Provide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`. * @since 0.0.0 * @entrypoint \@nvidia-elements/core/format-number * @slot - Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration. */ export declare class FormatNumber extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** * Optional numeric string for values supplied by JavaScript or bound data. * By default, the component formats the element's text content, which also serves as the SSR fallback. * When both are present, this property takes precedence. */ number?: string; /** * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */ locale?: string; /** * Formatting style: 'decimal' | 'currency' | 'percent' | 'unit'. */ formatStyle: FormatNumberStyle; /** * ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency. */ currency?: string; /** * Currency sign style: 'standard' | 'accounting'. */ currencySign?: CurrencySignOption; /** * Currency display style: 'symbol' | 'code' | 'name' | 'narrowSymbol'. */ currencyDisplay?: CurrencyDisplayOption; /** * Unit identifier (such as kilometer or byte). Required when formatStyle is unit. */ unit?: string; /** * Unit display style: 'short' | 'long' | 'narrow'. */ unitDisplay?: UnitDisplayOption; /** * Number notation: 'standard' | 'scientific' | 'engineering' | 'compact'. */ notation?: NotationOption; /** * Compact notation display: 'short' | 'long'. Only applies when notation is compact. */ compactDisplay?: CompactDisplayOption; /** * Sign display: 'auto' | 'never' | 'always' | 'exceptZero'. */ signDisplay?: SignDisplayOption; /** * Grouping separators: 'auto' | 'always' | 'min2' | 'true' | 'false'. */ useGrouping?: string; /** * Pad fraction output to at least this many digits (0-20). */ minimumFractionDigits?: number; /** * Round fraction output to at most this many digits (0-20). */ maximumFractionDigits?: number; /** * Pad integer output to at least this many digits (1-21). */ minimumIntegerDigits?: number; render(): TemplateResult<1>; } /** * @element nve-format-relative-time * @description Formats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element. * Options mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference. * @since 0.0.0 * @entrypoint \@nvidia-elements/core/format-relative-time * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. */ export declare class FormatRelativeTime extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** * Optional date string for values supplied by JavaScript or bound data. * By default, the component formats the element's text content, which also serves as the SSR fallback. * When both are present, this property takes precedence. */ date?: string; /** * Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. */ locale?: string; /** * Numeric formatting: 'always' | 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'. */ numeric: "always" | "auto"; /** * Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. */ formatStyle: "long" | "short" | "narrow"; /** * Time unit: 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference. */ unit: "second" | "minute" | "hour" | "day" | "week" | "month" | "year" | "auto"; /** * When present, auto-updates the displayed relative time at appropriate intervals. */ sync: boolean; connectedCallback(): void; disconnectedCallback(): void; updated(changed: Map): void; render(): TemplateResult<1>; } /** * @element nve-grid-column * @description Defines a column header within a grid, specifying the column's label, width, and alignment for all cells beneath it. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/grid * @slot - default slot for content * @slot actions - slot for column actions * @cssprop --color * @cssprop --padding * @cssprop --font-weight * @cssprop --font-size * @cssprop --height * @cssprop --min-width * @cssprop --justify-content * @cssprop --border-left * @cssprop --border-right * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/ */ export declare class GridColumn extends LitElement { #private; /** * Only set a fixed px width when you know the grid width. Most cases this should remain unset. * If the total width of all columns is less than the grid width then the last column fills the remaining space. * By default column widths are evenly divided unless width is explicitly provided. */ width: string; /** * Set the `position` property or attribute to `fixed` or `sticky` to make the column fixed or sticky. * Fixed columns do not scroll horizontally with the grid. Sticky columns scroll horizontally with the grid * until the column reaches the edge of the grid. */ position: "fixed" | "sticky" | ""; /** * Control the content alignment within a given column. */ columnAlign: "start" | "center" | "end"; /** * @private */ ariaColIndex: string; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; willUpdate(props: PropertyValues): void; updated(props: PropertyValues): Promise; } /** * @element nve-grid-header * @description Contains the column headers of a grid, managing column widths and providing structural context for the data rows below. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/grid * @slot - default slot for `nve-grid-column` * @cssprop --background * @cssprop --border-bottom * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/ */ export declare class GridHeader extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; /** @private */ _internals: ElementInternals; /** @private */ columns: GridColumn[]; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; firstUpdated(props: PropertyValues): Promise; } /** * @element nve-grid-row * @description Represents a horizontal row of data cells within a grid, supporting selection and interactive states. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/grid * @slot - default slot for `nve-grid-cell` * @cssprop --background * @cssprop --border-bottom * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/ */ export declare class GridRow extends LitElement { /** * Setting the `selected` property or attribute to `true` shows the row in a selected state. */ selected: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-grid-cell * @description Represents an individual data cell within a grid row, displaying content aligned to its parent column. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/grid * @slot - default slot for content * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --min-height * @cssprop --min-width * @cssprop --font-weight * @cssprop --font-size * @cssprop --height * @cssprop --border-left * @cssprop --border-right * @cssprop --justify-content * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/ */ export declare class GridCell extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-grid * @description A versatile table/datagrid component with built-in keyboard navigation for displaying and interacting with structured data. Use it for anything from simple read-only tables to fully interactive, spreadsheet experiences. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/grid * @slot - default slot for content * @slot footer - slot for grid-footer or toolbar * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --box-shadow * @cssprop --font-size * @cssprop --row-height - fixed height of each row * @cssprop --scroll-height - height of the scrollable area * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/ */ export declare class Grid extends LitElement implements ContainerElement { #private; /** * Determines the container styles of component. Flat nests the grid within other containers. Full spans the full edge-to-edge viewport width. */ container?: "flat" | "full"; /** * Determine style variant stripe rows */ stripe: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; static elementDefinitions: {}; get keynavGridConfig(): { columns: GridColumn[]; rows: (GridRow | GridHeader)[]; cells: (GridColumn | GridCell)[]; }; get stateScrollConfig(): StateScrollConfig; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; /** * Scroll to a specific position in the grid. */ scrollTo(options?: ScrollToOptions): Promise; scrollTo(x: number, y: number): Promise; } /** * @element nve-grid-footer * @since 0.11.0 * @entrypoint \@nvidia-elements/core/grid * @description Grid footer displays contextual information or user actions such as pagination. * @slot - default slot for content * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --height * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/ */ export declare class GridFooter extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: {}; /** @private */ _internals: ElementInternals; slot: string; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-grid-placeholder * @since 0.11.0 * @entrypoint \@nvidia-elements/core/grid * @description Placeholder displays a message while data loads for the grid or shows empty states for datasets. * @slot - default slot for content * @cssprop --color * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/grid/ */ export declare class GridPlaceholder extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } export declare const inputStyles: string; /** * @element nve-input * @description An input is a control that enables users to enter text. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/input * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --border-radius * @cssprop --border * @cssprop --cursor * @cssprop --color * @cssprop --font-weight * @cssprop --width * @cssprop --min-width * @cssprop --max-width * @cssprop --border-bottom * @cssprop --box-shadow * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input */ export declare class Input extends Control implements ContainerElement { /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; /** * Sets the rounded visual style of the input. */ rounded: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; } /** * @element nve-input-group * @description Visually combines many related input controls into a unified composite field with shared styling. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/input * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --gap * @cssprop --border * @cssprop --padding * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input */ export declare class InputGroup extends ControlGroup { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; connectedCallback(): Promise; } /** * @element nve-logo * @description A visual indicator for a brand or application. * @since 0.10.0 * @entrypoint \@nvidia-elements/core/logo * @slot - default slot for content * @cssprop --background * @cssprop --gap * @cssprop --color * @cssprop --height * @cssprop --width * @cssprop --font-size * @cssprop --border-radius * @cssprop --font-weight * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img */ export declare class Logo extends LitElement { /** * Visual treatment to represent unique color of an application */ color: Color; /** * Determines size of logo */ size?: Size; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-month * @description A month picker is a control that enables users to choose a month value. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/month * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --border-radius * @cssprop --border * @cssprop --cursor * @csspart icon-button - The calendar icon button element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month */ export declare class Month extends Control implements ContainerElement { /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; protected get suffixContent(): TemplateResult<1>; } /** * @element nve-notification * @description Displays real time updates without interrupting the user's workflow to communicate an important message or status. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) * @since 0.6.0 * @entrypoint \@nvidia-elements/core/notification * @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 notification opens. * @event close - Dispatched when the notification closes. * @slot - default content slot * @slot icon - content slot for the status icon * @cssprop --border-radius * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --box-shadow * @cssprop --min-width * @cssprop --width * @cssprop --max-width * @cssprop --border * @cssprop --status-border * @cssprop --gap * @cssprop --status-color * @cssprop --animation-duration - Duration of notification open/close animations * @csspart status-icon - The status icon element * @csspart icon-button - The close icon button element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/ */ declare class Notification$1 extends LitElement { #private; /** * (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; /** * 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; /** * @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 notification. */ closable: boolean; /** * A delayed `close` event will occur determined from the provided millisecond value. */ closeTimeout: number; /** * Determines the visual status of the notification. */ status: SupportStatus; /** * Flat container option applies when embedding within another containing element such as a drawer. */ container?: "flat"; /** * Enables updating internal string values for internationalization. */ i18n: Partial; /** * @private */ inline: boolean; /** @private */ get popoverType(): PopoverType; /** @private */ get popoverInline(): boolean; /** @private */ _internals: ElementInternals; protected typeNativePopoverController: TypeNativePopoverController; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; [IconButton.metadata.tag]: typeof IconButton; }; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; firstUpdated(props: PropertyValues): Promise; updated(props: PropertyValues): void; hidePopover(): void; } /** * @element nve-notification-group * @description Displays real time updates without interrupting the user's workflow to communicate an important message or status. * @since 0.6.0 * @entrypoint \@nvidia-elements/core/notification * @slot - default slot for `nve-notification` * @cssprop --box-shadow * @cssprop --animation-duration - Duration of notification group open/close animations * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/ */ export declare class NotificationGroup extends LitElement { /** * (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; /** * Sets the position of the popover relative to the anchor element. */ position: PopoverPosition; /** * Sets the alignment of the popover relative to the anchor element. */ alignment: PopoverAlign; protected typeNativePopoverController: TypeNativePopoverController; static styles: CSSResult[]; /** @private */ get popoverType(): PopoverType; static readonly metadata: { tag: string; version: string; children: string[]; }; render(): TemplateResult<1>; } /** * @element nve-page * @description Provide a consistent page structure across the applications, ensuring a seamless user experience. * @entrypoint \@nvidia-elements/core/page * @since 1.15.0 * @slot - The central content area of the page, where the primary focus of the user's attention should be. * @slot header - The topmost section of the page, typically containing navigation, branding, or other global elements. * @slot subheader - A secondary section below the header, often used for breadcrumbs, filters, or other contextual information. * @slot left-aside - A narrow section on the left side of the page, commonly used for navigation, filters, or other secondary content. * @slot left - The main content area on the left side of the page, typically containing primary navigation or features. * @slot bottom - A section for extra tooling outputs such as console outputs. * @slot right - The main content area on the right side of the page, typically containing secondary navigation or features. * @slot right-aside - A narrow section on the right side of the page, commonly used for navigation, filters, or other secondary content. * @slot subfooter - A secondary section below the main content area, often used for more information or calls to action. * @slot footer - The bottommost section of the page, typically containing global elements, such as copyright information. * @cssprop --padding * @cssprop --background * @cssprop --color * @cssprop --border * @cssprop --border-radius * @cssprop --box-shadow * @cssprop --min-height * @aria https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/ * @responsive false * */ export declare class Page extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: {}; /** * Enables the page to use the document content scroll rather than its internal fixed scroll. */ documentScroll: boolean; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-page-panel * @description Child panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions. * @entrypoint \@nvidia-elements/core/page * @since 1.15.0 * @event open * @event close * @slot - default content slot * @slot actions - slot for action / dismiss buttons * @command --open - use to open the panel * @command --close - use to close the panel * @command --toggle - use to toggle the panel * @cssprop --background * @cssprop --border * @cssprop --color * @cssprop --gap * @cssprop --padding * @cssprop --height * @cssprop --width * @cssprop --max-width * @cssprop --max-height * @cssprop --animation-duration - Duration of panel open/close animations * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role * */ export declare class PagePanel extends LitElement { #private; /** * Sets the max size of the panel. */ size?: Size; /** * Enables updating internal string values for internationalization. */ i18n: Partial; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; constructor(); /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-page-panel-content * @description Contains the scrollable main body content within a page panel region. * @entrypoint \@nvidia-elements/core/page * @since 1.15.0 * @slot - default slot for the page-panel content * @cssprop --padding * @cssprop --gap * @cssprop --width * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role * */ export declare class PagePanelContent extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): TemplateResult<1>; } /** * @element nve-page-panel-footer * @description Provides a fixed action area at the bottom of a page panel for persistent controls or status information. * @entrypoint \@nvidia-elements/core/page * @since 1.15.0 * @slot - default slot for the page-panel footer * @cssprop --border-top * @cssprop --padding * @cssprop --gap * @cssprop --min-height * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role * */ export declare class PagePanelFooter extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; slot: string; render(): TemplateResult<1>; } /** * @element nve-page-panel-header * @description Displays the title and contextual controls at the top of a page panel to identify its purpose. * @entrypoint \@nvidia-elements/core/page * @since 1.15.0 * @slot - default slot for the page panel header * @cssprop --border-bottom * @cssprop --min-height * @cssprop --padding * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role * */ export declare class PagePanelHeader extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; slot: string; render(): TemplateResult<1>; } /** * @element nve-page-header * @description An element that appears across the top of all pages containing the application name and primary navigation. * @entrypoint \@nvidia-elements/core/page-header * @since 1.15.0 * @slot - The default content slot * @slot prefix - Content displayed at the start of the header * @slot suffix - Content displayed at the end of the header * @cssprop --background - Background color of the header * @cssprop --padding - Padding inside the header * @cssprop --border-bottom - Border below the header * @cssprop --gap - Gap between the prefix, default, and suffix slots * @cssprop --margin-inline - left and right margin applied to the default content slot * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav * */ export declare class PageHeader extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): TemplateResult<1>; /** @private */ _internals: ElementInternals; connectedCallback(): void; } /** * @element nve-progress-ring * @description The `progress-ring` component shows the status of a pending task. It also serves the basis of the page loading element. * @since 0.17.0 * @entrypoint \@nvidia-elements/core/progress-ring * @slot - Content to display in the ring center. Defaults to a status icon. * @cssprop --background-color * @cssprop --ring-color * @cssprop --ring-background-opacity * @cssprop --ring-width * @cssprop --width * @cssprop --height * @cssprop --animation-duration * @cssprop --color * @csspart icon - The icon element * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role */ export declare class ProgressRing extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; /** @private */ _internals: ElementInternals; /** The current `value` of the progress ring. When not set, an indeterminate animation will show. */ value?: number; /** The `max` value of the progress ring that the `value` is proportionally scaled to. */ max?: number | undefined; /** Four visual treatments represent the `status` of tasks. When `status` changes to `warning`, `success`, or `danger`, the component embeds appropriate icons. */ status?: SupportStatus | "neutral"; /** T-shirt `size` of the progress indicator, used to scale the ring. */ size?: Size | "xxs" | "xs" | "xl"; /** Enables updating internal string values for internationalization. */ i18n: Partial; render(): TemplateResult<1>; connectedCallback(): void; updated(props: PropertyValues): void; } /** * @element nve-page-loader * @description Page Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays. * @since 0.19.0 * @entrypoint \@nvidia-elements/core/page-loader * @slot - default slot for content * @cssprop --gap * @cssprop --animation-duration - Duration of page loader open/close animations * @csspart progress-ring - The progress ring element * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role */ export declare class PageLoader extends LitElement { /** @private */ readonly position: PopoverPosition; /** @private */ readonly popoverType: PopoverType; /** @private */ protected typeNativePopoverController: TypeNativePopoverController; /** * @private */ anchor: HTMLElement; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [ProgressRing.metadata.tag]: typeof ProgressRing; }; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; } /** * @element nve-select * @description A select is a control that enables users to select an option from a list of options. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/select * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --color * @cssprop --border-radius * @cssprop --border * @cssprop --border-bottom * @cssprop --cursor * @cssprop --font-weight * @cssprop --text-align * @cssprop --scroll-height * @cssprop --width * @cssprop --control-width * @cssprop --max-width * @cssprop --min-width * @cssprop --box-shadow * @cssprop --max-height * @cssprop --text-transform * @csspart tag * @csspart menu - The dropdown menu element * @csspart menu-item - The menu item elements * @csspart icon - The icon element * @csspart caret - The caret/chevron icon element * @csspart dropdown - The dropdown popup element * @slot - Select input element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select */ export declare class Select extends Control { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; [Dropdown.metadata.tag]: typeof Dropdown; [Menu.metadata.tag]: typeof Menu; [MenuItem.metadata.tag]: typeof MenuItem; [Tag.metadata.tag]: typeof Tag; }; /** Flat container option applies when embedding the component within another containing element */ container?: "flat" | "inline"; /** Updates internal string values for internationalization. */ i18n: Partial; protected get prefixContent(): typeof nothing | TemplateResult<1>; protected get suffixContent(): TemplateResult<1>; firstUpdated(props: PropertyValues): Promise; connectedCallback(): void; disconnectedCallback(): void; updated(props: PropertyValues): Promise; } declare const Pagination_base: FormControlMixinReturn; /** * @element nve-pagination * @description Pagination is a control that enables users to navigate through pages of content. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/pagination * @event input - Dispatched when the value (page) has changed * @event change - Dispatched when the value (page) has changed * @event first-page - Dispatched when the first page is active * @event last-page - Dispatched when the last page is active * @slot - default slot for content * @slot suffix-label - slot for overriding the "n of total" label when total is an approximation * @cssprop --background * @cssprop --font-size * @cssprop --width * @csspart icon-button - Base part applied to all icon button elements * @csspart previous-icon-button - The previous page icon button * @csspart next-icon-button - The next page icon button * @csspart start-icon-button - The first page icon button * @csspart end-icon-button - The last page icon button * @csspart select - The page size select element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/ * @property {number} value - value the current page number */ export declare class Pagination extends Pagination_base { #private; /** * The number of items per page. */ step: number; /** * The array of custom step-size. */ stepSizes: number[]; /** * The total number of items. */ items: number; /** * Whether the pagination is skippable to start/end. */ skippable: boolean; /** * Whether the step selector has a disabled state. */ disableStep: boolean; /** * Determines the container styles of component. Flat applies when nesting within other containers. Inline applies when placing within other inline content. */ container?: "flat" | "inline"; /** * Enables updating internal string values for internationalization. */ i18n: Partial; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; valueSchema: { type: "number"; }; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; [Select.metadata.tag]: typeof Select; }; /** @private */ get keynavListConfig(): KeynavListConfig; render(): TemplateResult<1>; constructor(); connectedCallback(): Promise; disconnectedCallback(): void; } /** * @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: CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): 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: CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): 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: CSSResult[]; static readonly metadata: { tag: string; version: string; }; render(): 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: 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(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-password * @description A password is a control that enables users to enter password text. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/password * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --border-radius * @cssprop --border * @cssprop --cursor * @csspart icon-button - The visibility toggle icon button element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password */ export declare class Password extends Control implements ContainerElement { #private; /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; private pressed; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; protected get suffixContent(): TemplateResult<1>; } /** * @element nve-switch * @description A switch is a control that enables users to switch between two mutually exclusive options (on or off, checked or unchecked) through a single click or tap. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/switch * @cssprop --cursor * @cssprop --border-radius * @cssprop --border-width * @cssprop --border * @cssprop --background * @cssprop --width * @cssprop --height * @cssprop --anchor-width * @cssprop --anchor-height * @cssprop --anchor-border-radius * @cssprop --anchor-background * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/ */ export declare class Switch extends Control { protected nveControl: string; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; } /** * @element nve-switch-group * @description A switch group is a container for a group of switches. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/switch * @aria https://www.w3.org/WAI/ARIA/apg/patterns/switch/ */ export declare class SwitchGroup extends ControlGroup { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; } export type ColorScheme = "auto" | "light" | "dark" | "high-contrast"; export type Scale = "default" | "compact" | "relaxed"; export type Variant = "reduced-motion"; export interface PreferencesInputValue { "color-scheme"?: ColorScheme | string; scale?: Scale | string; "reduced-motion"?: boolean; } declare const PreferencesInput_base: FormControlMixinReturn; /** * @element nve-preferences-input * @description A preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example. * @since 1.23.7 * @entrypoint \@nvidia-elements/core/preferences-input * @event input - Dispatched when the value has changed * @event change - Dispatched when the value has changed * @cssprop --color * @cssprop --width * @csspart control - The control wrapper elements that contain the labels and menus * @csspart menu - The menu elements that display color scheme and scale options * @csspart menu-item - The individual menu item elements for each selectable option * @csspart icon - The icon element displayed next to color scheme options * @csspart divider - The divider elements that separate preference sections * @csspart switch - The switch element for the reduced motion toggle * * @aria https://www.w3.org/WAI/ARIA/apg/patterns/listbox/ * */ export declare class PreferencesInput extends PreferencesInput_base { #private; /** * Enables updating internal string values for internationalization. */ i18n: Partial; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; valueSchema: { type: "object"; properties: { "color-scheme": { type: "string"; }; scale: { type: "string"; }; "reduced-motion": { type: "boolean"; }; }; }; }; static elementDefinitions: { [Control.metadata.tag]: typeof Control; [Divider.metadata.tag]: typeof Divider; [Icon.metadata.tag]: typeof Icon; [Menu.metadata.tag]: typeof Menu; [MenuItem.metadata.tag]: typeof MenuItem; [Switch.metadata.tag]: typeof Switch; }; private activePreferences; render(): TemplateResult<1>; constructor(); connectedCallback(): void; /** @private */ updateValue(value: PreferencesInputValue): void; } /** * @element nve-progress-bar * @description A progress bar is a visual indicator of the status of a running task. Under the hood, the component uses the native HTML `progress` element to achieve proper a11y concerns. * @since 0.16.0 * @entrypoint \@nvidia-elements/core/progress-bar * @cssprop --height * @cssprop --opacity * @cssprop --background * @cssprop --accent-color * @cssprop --indeterminate-gradient - Gradient used for indeterminate state animation * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role */ export declare class ProgressBar extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** The current `value` of the progress indicator, set to the native HTML progress element. */ value?: number; /** The `max` property sets the highest value that `value` scales to. */ max?: number | undefined; /** Defines visual treatment to represent a ongoing task or support status. */ status: SupportStatus; render(): TemplateResult<1>; } /** * @element nve-progressive-filter-chip * @description A filter chip is a control that enables users to select many options from a set of choices. * @since 0.16.0 * @entrypoint \@nvidia-elements/core/progressive-filter-chip * @slot - default slot for content * @event close - Dispatched when the filter chip closes. * @cssprop --gap * @cssprop --border-radius * @cssprop --border * @cssprop --background * @cssprop --font-weight * @cssprop --padding * @cssprop --width * @csspart select - The select element * @csspart date - The date input element * @csspart input - The input element * @csspart icon-button - The icon button element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/ */ export declare class ProgressiveFilterChip extends LitElement { #private; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Input.metadata.tag]: typeof Input; [Select.metadata.tag]: typeof Select; [Date$1.metadata.tag]: typeof Date$1; [IconButton.metadata.tag]: typeof IconButton; }; /** Determines if a close button should render within filter chip */ closable: boolean; /** Enables updating internal string values for internationalization. */ i18n: Partial; private inputs; static styles: CSSResult[]; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-pulse * @description Pulse component signals attention for a particular area of a UI. This helps with tutorial/getting started guides for new users. * @since 1.16.3 * @entrypoint \@nvidia-elements/core/pulse * @cssprop --background * @cssprop --width * @cssprop --height * @cssprop --animation-duration * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/ * */ export declare class Pulse extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; /** @private */ _internals: ElementInternals; connectedCallback(): void; /** Sets size of the pulse component. You can also update size using the `width + height` css props. */ size?: Size | "xs"; /** These visual treatments represent the `status` of different tasks. When `status` changes to `accent`, `warning` or `danger`, the component embeds appropriate colors. */ status?: "accent" | "warning" | "danger"; render(): TemplateResult<1>; } /** * @element nve-radio * @description A radio button is a control that enables users to choose one option from a list of mutually exclusive options. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/radio * @cssprop --cursor * @cssprop --width * @cssprop --height * @cssprop --border-width * @cssprop --border-radius * @cssprop --border-color * @cssprop --radio-color * @cssprop --background * @aria https://www.w3.org/WAI/ARIA/apg/patterns/radio/ */ export declare class Radio extends Control { protected nveControl: string; /** @private - disable for inline control */ fitText: boolean; /** @private - disable for inline control */ fitContent: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; } /** * @element nve-radio-group * @description Groups related radio buttons together with a shared label and validation messaging for single-select form inputs. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/radio * @aria https://www.w3.org/WAI/ARIA/apg/patterns/radio/ */ export declare class RadioGroup extends ControlGroup { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; } /** * @element nve-range * @description A range slider is a control that enables users to choose a value from a continuous range of values. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/range * @cssprop --background * @cssprop --control-height * @cssprop --cursor * @cssprop --track-width * @cssprop --track-height * @cssprop --track-border-radius * @cssprop --track-background * @cssprop --thumb-width * @cssprop --thumb-height * @cssprop --thumb-background * @cssprop --thumb-border * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/ */ declare class Range$1 extends Control { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** Determines the orientation of the range slider. */ orientation: "vertical" | "horizontal"; connectedCallback(): void; firstUpdated(props: PropertyValues): void; updated(props: PropertyValues): void; protected get suffixContent(): typeof nothing | TemplateResult<1>; } declare const ResizeHandle_base: FormControlMixinReturn; /** * @element nve-resize-handle * @description A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally. * @since 1.27.0 * @entrypoint \@nvidia-elements/core/resize-handle * @event toggle - Dispatched when the resize handle is double clicked. * @cssprop --background * @cssprop --line-width * @cssprop --target-size * @cssprop --cursor * @aria https://www.w3.org/WAI/ARIA/apg/patterns/slider/ * */ export declare class ResizeHandle extends ResizeHandle_base { #private; /** * Determines the orientation direction of the resize handle. */ orientation?: "horizontal" | "vertical"; /** * Determines the min resize value. */ min: number; /** * Determines the max resize value. */ max: number; /** * Determines the value step change. */ step: number; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; valueSchema: { type: "number"; }; }; /** * Updates internal string values for internationalization. */ i18n: Partial; render(): TemplateResult<1>; constructor(); connectedCallback(): void; firstUpdated(props: PropertyValues): void; } /** * @element nve-search * @description A search is a control that enables users to enter text to search. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/search * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --border-radius * @cssprop --border * @cssprop --cursor * @csspart icon-button - The icon button element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search */ export declare class Search extends Control implements ContainerElement { /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; /** * Sets the rounded visual style of the input. */ rounded: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; protected get prefixContent(): TemplateResult<1>; } /** * @element nve-skeleton * @description A loading placeholder component that displays animated placeholder shapes while content loads. * @since 1.44.0 * @entrypoint \@nvidia-elements/core/skeleton * @slot - default content slot * @cssprop --background * @cssprop --border-radius * @cssprop --min-height * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live */ export declare class Skeleton extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** Visual animation style shown while content loads. */ effect: "shimmer" | "pulse"; /** Geometry of the placeholder — rounded corners or a full pill outline. */ shape: "round" | "pill"; /** Whether the skeleton hides its content */ hidden: boolean; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; updated(props: PropertyValues): void; } declare const SortButton_base: ButtonFormControlMixinReturn; /** * @element nve-sort-button * @description A sort button is a control that enables users to sort a list of items in ascending or descending order. * @since 0.11.0 * @entrypoint \@nvidia-elements/core/sort-button * @event sort - Dispatched on sort button click, returns the current sort value and the next sort value. * @cssprop --width * @cssprop --height * @cssprop --border-radius * @cssprop --color * @csspart icon - The icon element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/ */ export declare class SortButton extends SortButton_base { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; /** * The current sort value, can be ascending, descending, or none. */ sort: "ascending" | "descending" | "none"; /** * Updates internal string values for internationalization. */ i18n: Partial; render(): TemplateResult<1>; constructor(); connectedCallback(): void; disconnectedCallback(): void; } /** * @element nve-sparkline * @description A sparkline is a compact, word-sized chart with typographic scale, for data-dense layouts (text, tables, cards, dashboards). * @since 0.0.0 * @entrypoint \@nvidia-elements/core/sparkline * @cssprop --height - Height (defaults to 1em and scales with parent font-size). * @cssprop --line-color * @cssprop --line-width * @cssprop --fill-color - Color used by area and column marks. * @cssprop --gradient-max-color * @cssprop --gradient-min-color * @cssprop --zero-line-color * @cssprop --zero-line-width * @cssprop --win-color Color used to represent positive values (wins). * @cssprop --loss-color Color used to represent negative values (losses). * @cssprop --draw-color Color used to represent zero values (draws / neutral outcomes). * @cssprop --symbol-color * @cssprop --symbol-border-color * @cssprop --symbol-border-width * @cssprop --symbol-radius - symbol circle radius in SVG units. * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img */ export declare class Sparkline extends LitElement implements DataElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; /** Numeric values representing a data series. */ data: number[]; /** Controls the visual representation of data points. */ mark: SparklineMark; /** Controls how the chart connects intermediate values between points in a data series. Defaults to `linear`. */ interpolation: Interpolation; /** Applies semantic status colors used across Elements status patterns. */ status?: TaskStatus | SupportStatus; /** Controls the sparkline size with explicit font-size tokens. Omit to auto-scale with parent font-size (1em). */ size?: SizeExpanded; /** Denotes the first data point by rendering a symbol at its position. */ denoteFirst: boolean; /** Denotes the last data point by rendering a symbol at its position. */ denoteLast: boolean; /** Denotes all minimum-value data points by rendering symbols at their positions. */ denoteMin: boolean; /** Denotes all maximum-value data points by rendering symbols at their positions. */ denoteMax: boolean; /** Controls spacing between points in a line, in em (1 = chart height). Defaults to `0.6`. */ intervalLength: number; /** Lower bound for the y-axis domain. When undefined, derives the bound from data. */ min?: number; /** Upper bound for the y-axis domain. When undefined, derives the bound from data. */ max?: number; /** Cached valid numeric values derived from data property. */ private validData; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; willUpdate(changedProperties: PropertyValues): void; updated(props: PropertyValues): void; } /** * @element nve-star-rating * @description A star rating component lets users rate something using stars, providing a quick visual representation of feedback * @since 1.23.1 * @entrypoint \@nvidia-elements/core/star-rating * @cssprop --star-size * @cssprop --color * @cssprop --stroke-color * @cssprop --width * @cssprop --height * @csspart icon - The icon element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range * */ export declare class StarRating extends Control { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [Icon.metadata.tag]: typeof Icon; }; private min; private max; private value; private active; private precision; firstUpdated(props: PropertyValues): void; protected get prefixContent(): TemplateResult<1>; } declare const StepsItem_base: ButtonFormControlMixinReturn; /** * @element nve-steps-item * @description Represents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component. * @since 0.30.0 * @entrypoint \@nvidia-elements/core/steps * @slot - default slot for step text * @slot status-icon - custom slotted step icon * @cssprop --font-size * @cssprop --border-top * @cssprop --width * @cssprop --font-weight * @cssprop --border-radius * @cssprop --color * @cssprop --text-transform * @csspart icon-button - The icon button element * @csspart progress-ring - The progress ring element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ */ export declare class StepsItem extends StepsItem_base { /** * Determines which item the user selects, defaults to false. */ selected: boolean; /** * Four visual treatments represent the `status` of tasks. When `status` has a value of `warning`, `success`, or `danger`, the component embeds appropriate icons. */ status?: "accent" | "danger" | "success" | "pending"; /** * Determines whether the steps should display in condensed format with no text labels. */ container?: Extract; /** @private */ index: number; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; [ProgressRing.metadata.tag]: typeof ProgressRing; }; render(): TemplateResult<1>; constructor(); connectedCallback(): void; } /** * @element nve-steps * @description Steps enables a multi-step workflow allowing a user to complete a goal in a specific sequence. * @since 0.30.0 * @entrypoint \@nvidia-elements/core/steps * @slot - default slot for steps-item * @cssprop --gap * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ */ export declare class Steps extends LitElement { #private; /** * Determines whether the steps should display in a vertical layout vs. defaulting to horizontal. */ vertical: boolean; /** * Determines whether the steps should display in condensed format with no text labels. */ container?: Extract; /** * Determines whether the steps should handle selection behavior vs. defaults to off. */ behaviorSelect: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; /** @private */ get keynavListConfig(): KeynavListConfig; private steps; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; updated(props: PropertyValues): void; } declare const TabsItem_base: ButtonFormControlMixinReturn; /** * @element nve-tabs-item * @description Represents an individual tab within a tablist, providing a selectable button for switching between content views. * @since 0.10.0 * @entrypoint \@nvidia-elements/core/tabs * @slot - default slot for content * @cssprop --font-size * @cssprop --width * @cssprop --padding * @cssprop --font-size * @cssprop --font-weight * @cssprop --border-radius * @cssprop --color * @cssprop --height * @cssprop --cursor * @cssprop --text-transform * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ * @responsive false */ export declare class TabsItem extends TabsItem_base { /** * Determines which tab item the user selects, defaults to false. */ selected: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; constructor(); connectedCallback(): void; updated(props: PropertyValues): void; } /** * @element nve-tabs * @description Tabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context. * @since 0.10.0 * @entrypoint \@nvidia-elements/core/tabs * @slot - default slot for tab-item * @cssprop --gap * @cssprop --indicator-background * @cssprop --indicator-border-radius * @cssprop --indicator-height * @cssprop --border-inset * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ * @responsive false */ export declare class Tabs extends LitElement { #private; /** * Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal. */ vertical: boolean; /** * Determines whether the tabs should display a border on selected items vs. defaults to show border. */ borderless: boolean; /** * Determines whether the tabs should handle selection behavior vs. defaults to off. */ behaviorSelect: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; /** @private */ get keynavListConfig(): KeynavListConfig; private items; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; updated(props: PropertyValues): void; } /** Arranges the tab strip and slot-matched panels: stacked column (`top`), or sidebar row with tabs at inline-start (`start`) or inline-end (`end`). */ export type TabsGroupAlignment = "top" | "start" | "end"; /** * @element nve-tabs-group * @description Coordinates tabs with matching panel content using Invoker Commands and slot-matched panels. * @since 1.67.0 * @entrypoint \@nvidia-elements/core/tabs * @command --toggle - Select the matching tab and reveal the panel whose slot matches the invoker value. * @event select - Dispatched when the selected tab value changes after an invoker `--toggle` updates selection * @slot - Default slot for a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group. * @slot {value} - Named panel content where the slot name matches a nve-tabs-item value. * @cssprop --padding * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ * @responsive false */ export declare class TabsGroup extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; /** Options for observing the slotted `nve-tabs` subtree (tab list / item attribute changes). */ protected static readonly subtreeObserverInit: { readonly childList: true; readonly subtree: true; readonly attributes: true; readonly attributeFilter: [ "disabled", "id", "selected", "value" ]; }; private defaultSlotElements; /** * Arranges the tab strip relative to slot-matched panels: stacked column (`top`), or sidebar row with tabs at * inline-start (`start`) or inline-end (`end`) beside the panel region. */ alignment: TabsGroupAlignment; private panelValues; private selectedValue; /** @private */ _internals: ElementInternals; /** * Renders the default slot (single `nve-tabs`) plus one named `` per distinct selectable * `nve-tabs-item` value. `#syncPanelSlot` applies panel visibility and ARIA from `selectedValue`. */ render(): TemplateResult<1>; connectedCallback(): void; firstUpdated(): void; disconnectedCallback(): void; updated(changedProperties: PropertyValues): void; } /** * @element nve-textarea * @description A textarea is a control that enables users to enter and edit text. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/textarea * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --width * @cssprop --min-height * @cssprop --background * @cssprop --border-radius * @cssprop --cursor * @cssprop --border * @cssprop --color * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea */ export declare class Textarea extends Control { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; } /** * @element nve-time * @description A time picker is a control that enables users to choose a time value. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/time * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --border-radius * @cssprop --border * @cssprop --cursor * @csspart icon-button - The clock icon button element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time */ export declare class Time extends Control implements ContainerElement { /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; protected get suffixContent(): TemplateResult<1>; } /** * @element nve-toggletip * @description Generic toggletip element for rendering a variety of different interactive content. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) * @since 0.38.0 * @entrypoint \@nvidia-elements/core/toggletip * @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 toggletip opens. * @event close - Dispatched when the toggletip closes. * @slot - default slot for toggletip content * @cssprop --arrow-transform * @cssprop --border * @cssprop --border-radius * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --font-size * @cssprop --font-weight * @cssprop --box-shadow * @cssprop --width * @cssprop --min-width * @cssprop --gap * @cssprop --animation-duration - Duration of toggletip open/close animations * @csspart icon-button - The close icon button element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/ * */ export declare class Toggletip extends LitElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; /** * (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. * If an arrow exists the alginment will be relative to the arrow against the anchor. */ alignment: PopoverAlign; /** * @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 toggletip. */ closable: boolean; /** * Determines if the component renders an arrow. */ arrow: boolean; popoverArrow: HTMLElement; /** @private */ readonly popoverType: PopoverType; protected typeNativePopoverController: TypeNativePopoverController; /** * Updates internal string values for internationalization. */ i18n: Partial; /** @private */ _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-toggletip-footer * @description Provides a designated area at the bottom of a toggletip for actions or supplementary information. * @since 0.38.0 * @entrypoint \@nvidia-elements/core/toggletip * @slot - default slot for the toggletip footer * @cssprop --border-top * @cssprop --padding * @cssprop --gap * */ export declare class ToggletipFooter extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-toggletip-header * @description Displays a title or contextual label at the top of a toggletip to categorize its contents. * @since 0.38.0 * @entrypoint \@nvidia-elements/core/toggletip * @slot - default slot for the toggletip header * @cssprop --border-bottom * @cssprop --padding * @cssprop --border-radius * */ export declare class ToggletipHeader extends LitElement { static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; parents: string[]; }; render(): TemplateResult<1>; connectedCallback(): void; } /** * @element nve-toolbar * @description A toolbar is a container for grouping a set of controls, such as buttons, icon buttons and combobox search. * @since 0.19.0 * @entrypoint \@nvidia-elements/core/toolbar * @slot - default slot for content * @slot prefix - slot for prefix content * @slot suffix - slot for suffix content * @cssprop --background * @cssprop --color * @cssprop --padding * @cssprop --min-height * @cssprop --border-radius * @cssprop --gap * @cssprop --border-bottom * @cssprop --box-shadow * @cssprop --width * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/ */ export declare class Toolbar extends LitElement implements ContainerElement { #private; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: {}; /** * Determines the container styles of component. Flat applies when nesting elements within other containers or for a more muted style. Full applies when the element expands the full width of the viewport. */ container?: "flat" | "inset" | "full"; /** * Determines the primary content overflow behavior. */ content?: "scroll" | "wrap"; /** * Determines the orientation direction of the toolbar. Vertical toolbars support icon buttons only. */ orientation?: "horizontal" | "vertical"; /** * Visual treatment to represent accent color for interactive selections */ status: "accent"; /** @private */ _internals: ElementInternals; private prefixElements; private suffixElements; private defaultElements; render(): TemplateResult<1>; connectedCallback(): void; firstUpdated(props: PropertyValues): void; updated(props: PropertyValues): void; disconnectedCallback(): void; } /** * @element nve-tree-node * @description A tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children. * @since 1.2.0 * @entrypoint \@nvidia-elements/core/tree * @event open - Dispatched when the node opens. * @event close - Dispatched when the node closes. * @event select - Dispatched when the node selection state changes. * @command --select - use to select the node * @command --deselect - use to deselect the node * @command --toggle-select - use to toggle the node selection state * @command --open - use to open the node * @command --close - use to close the node * @command --toggle - use to toggle open / closed state of the node * @slot - Use default slot for basic text content or nested elements. * @slot content - Use only for extended long form content containing interactive elements or form inputs. * @cssprop --color * @cssprop --border-radius * @cssprop --font-size * @cssprop --min-height * @cssprop --text-wrap * @cssprop --font-weight * @cssprop --width * @csspart icon-button - The icon button element * @csspart icon - The icon element * @csspart checkbox - The checkbox element * @aria https://www.w3.org/WAI/ARIA/apg/patterns/treeview/ * */ export declare class TreeNode extends LitElement { #private; /** * Determines if node is in an expanded state. */ expanded: boolean; /** * Determines whether if node is in a selected state. */ selected: boolean; /** * Determines whether a node can be expandable. Expandable by default if slotted nodes exist. */ expandable: boolean; /** * Determines whether a node can be in a selected state. Nodes can be in a single or multi select state. */ selectable: "single" | "multi"; /** * Determines the highlighted state of the element. Highlighted states serve non-interactive selections where nodes may relate to other selected portions of the UI. */ highlighted: boolean; /** * Updates internal string values for internationalization. */ i18n: Partial; /** @private */ slot: string; /** * Returns list of child nodes */ readonly nodes: TreeNode[]; indeterminate: boolean; behaviorExpand: boolean; behaviorSelect: boolean; static metadata: { tag: string; version: string; parents: string[]; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; [Icon.metadata.tag]: typeof Icon; [Checkbox.metadata.tag]: typeof Checkbox; }; static styles: CSSResult[]; _internals: ElementInternals; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; /** opens and sets the expanded state automatically if behaviorExpand is true */ open(): void; /** closes and sets the expanded state automatically if behaviorExpand is true */ close(): void; } /** * @element nve-tree * @description A tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children. * @since 1.2.0 * @entrypoint \@nvidia-elements/core/tree * @slot - tree nodes * @cssprop --max-width * @cssprop --node-border - Border style for tree node depth indicator * @event open - Dispatched from a child nve-tree-node when opened. * @event close - Dispatched from a child nve-tree-node when closed. * @event select - Dispatched from a child nve-tree-node when its selection state changes. * @aria https://www.w3.org/WAI/ARIA/apg/patterns/treeview/ * */ export declare class Tree extends LitElement { #private; /** * Determines whether all nodes can be in a selected state. Nodes can be in a single or multi select state. */ selectable: "single" | "multi"; /** * Determines whether the tree nodes should handle auto-expanding behavior. */ behaviorExpand: boolean; /** * Determines whether the tree nodes should handle auto-select behavior. */ behaviorSelect: boolean; /** * Determines if the node depth border renders. */ border: boolean; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; children: string[]; }; _internals: ElementInternals; get nodes(): TreeNode[]; /** @private */ get keynavListConfig(): KeynavListConfig; /** @private */ get openNodes(): TreeNode[]; render(): TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; updated(props: PropertyValues): Promise; } /** * @element nve-week * @description A week picker is a control that enables users to choose a week value. * @since 0.3.0 * @entrypoint \@nvidia-elements/core/week * @cssprop --padding * @cssprop --font-size * @cssprop --height * @cssprop --background * @cssprop --border-radius * @cssprop --border * @cssprop --cursor * @csspart icon-button - The calendar icon button element * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/week */ export declare class Week extends Control implements ContainerElement { /** * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds. * Use when embedding within another container such as a toolbar. */ container?: "flat"; static styles: CSSResult[]; static readonly metadata: { tag: string; version: string; }; static elementDefinitions: { [IconButton.metadata.tag]: typeof IconButton; }; protected get suffixContent(): TemplateResult<1>; } export { Color$1 as Color, Date$1 as Date, File$1 as File, Notification$1 as Notification, Range$1 as Range, }; export {};