import { WidgetElement } from "../../internal/widget-element.js"; import { PropertyValues, TemplateResult } from "lit"; type ListItemVariant = (typeof ListItemVariant)[keyof typeof ListItemVariant]; declare const ListItemVariant: { readonly NEUTRAL: "neutral"; readonly DANGER: "danger"; readonly WARNING: "warning"; }; type ListItemSize = (typeof ListItemSize)[keyof typeof ListItemSize]; declare const ListItemSize: { readonly SM: "sm"; readonly MD: "md"; readonly LG: "lg"; }; declare global { interface HTMLElementTagNameMap { 'odx-list-item': OdxListItem; } } /** * @summary A list item component to be used within an `odx-list`. * * @dependency odx-toggle-content * * @slot - The list item's label. * @slot prefix - Prefix slot typically used for icons. * @slot suffix - Suffix slot typically used for icons or actions or badges. * @slot expand - Slot for expandable content * * @event {ToggleEvent} toggle - Emitted when the list item is opened or closed. Can be canceled to prevent the action. */ declare class OdxListItem extends WidgetElement { static tagName: string; static styles: import("lit").CSSResult[]; protected anchor?: HTMLAnchorElement; /** @internal */ contentElement?: HTMLElementTagNameMap['odx-toggle-content']; /** @internal */ expandControl?: HTMLElement; /** * The URL that the element links to. * @see The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/href | `href`} attribute */ href: string; /** * Specifies where to open the linked document. * @see The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/target | `target` */ target: '_blank' | '_parent' | '_self' | '_top' | ''; /** * Specifies the relationship between the current document and the linked document. * @see The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/rel | `rel`} attribute */ rel: string; /** * Specifies that the target will be downloaded when a user clicks on the hyperlink. * @see The {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/download | `download`} attribute */ download?: string; /** * Indicates that the item is in a loading state. */ loading: boolean; /** * Indicates that the item is muted, prevents hover and active styles from being applied. */ muted: boolean; /** * Indicates that the item is open, showing the content in the `expand` slot. * If no content is provided in the `expand` slot, this attribute has no effect. */ open: boolean; /** * Indicates that the item is selected. */ selected: boolean; /** * Indicates the size of the item. */ size: ListItemSize; /** * The variant of the list item. */ variant: ListItemVariant; constructor(); isExpandable(): boolean; toggle(state?: boolean, emitEvent?: boolean): void; connectedCallback(): void; click(): void; protected willUpdate(props: PropertyValues): void; protected updated(props: PropertyValues): void; protected render(): TemplateResult; } export { ListItemSize, ListItemVariant, OdxListItem };