import type { Appearance } from '../../../Types/Appearance'; import { ListBulletType } from '../../../Types/ListBulletType'; import { ListNumberingType } from '../../../Types/ListNumberingType'; import { ListType } from '../../../Types/ListType'; import { Size } from '../../../Types/Size'; import type { Variant } from '../../../Types/Variant'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { IListingItemElementProps } from './IListingItemElementProps'; declare const ListingItemElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Sizeable").ISizeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * ListingItem - A list item component for use inside a ``. * * @description * The ListingItem component renders a single item within a listing. It automatically * consumes inherited properties from its parent `` to determine list type, * numbering style, and visual appearance. Each item renders a `` in a * slotted `marker` area and content in the default slot. The marker is auto-indexed * based on the item's DOM position among sibling listing items. * * @name ListingItem * @element mosaik-listing-item * @category Primitives * * @slot - Default slot for list item content. * @slot marker - Slot for a custom marker element. Defaults to an auto-configured ``. * * @csspart item - The outer list item container. * @csspart marker - The default marker element. * @csspart content - The content wrapper. * @csspart header - The header text element. * @csspart content-text - The content text element. * * @cssprop {String} --listing-item-background-color - The background color of the list item. * @cssprop {String} --listing-item-foreground-color - The text color of the list item. * @cssprop {String} --listing-item-font-family - The font family for list item content. * @cssprop {String} --listing-item-font-size - The font size for list item content. * @cssprop {String} --listing-item-font-weight - The font weight for list item content. * @cssprop {String} --listing-item-font-line-height - The line height for list item content. * @cssprop {String} --listing-item-gap - The gap between marker and content. * @cssprop {String} --listing-item-padding-bottom - The bottom padding inside the list item. * @cssprop {String} --listing-item-padding-left - The left padding inside the list item. * @cssprop {String} --listing-item-padding-right - The right padding inside the list item. * @cssprop {String} --listing-item-padding-top - The top padding inside the list item. * @cssprop {String} --listing-item-transition-duration - The duration of transition animations. * @cssprop {String} --listing-item-transition-mode - The timing function for transition animations. * @cssprop {String} --listing-item-transition-property - The CSS properties to animate during transitions. * * @example * Basic listing item inside an ordered listing: * ```html * * First item * Second item * * ``` * * @example * Listing item with custom ordinal value: * ```html * * Starts at five * Continues at six * * ``` * * @public */ export declare class ListingItemElement extends ListingItemElement_base implements IListingItemElementProps { private readonly _inheritance; private _header; private _content; private _value; constructor(); static get is(): string; /** * Gets or sets the `header` property. * The default value is an empty string, which means no header is displayed. * * @public * @attr */ get header(): string; set header(value: string); /** * Gets or sets the `content` property. * The default value is an empty string, which means no content text is displayed. * * @public * @attr */ get content(): string; set content(value: string); /** * Gets or sets the ordinal value of this list item. * When set, overrides the auto-calculated index. * The default value is `null` (auto-numbered). * * @public * @attr */ get value(): number | null; set value(value: number | null); /** * @public * @override */ get disabled(): boolean; set disabled(value: boolean); /** * @public * @override */ get variant(): Variant; set variant(value: Variant); /** * @public * @override */ get appearance(): Appearance; set appearance(value: Appearance); /** * @public * @override */ get size(): Size; set size(value: Size); /** * Gets the inherited list type from the parent listing. * * @public * @readonly */ get listType(): ListType; /** * Gets the inherited numbering type from the parent listing. * * @public * @readonly */ get listNumberingType(): ListNumberingType; /** * Gets the inherited bullet type from the parent listing. * * @public * @readonly */ get listBulletType(): ListBulletType; } export declare namespace ListingItemElement { type Props = IListingItemElementProps; } declare global { interface HTMLElementTagNameMap { 'mosaik-listing-item': ListingItemElement; } } export {}; //# sourceMappingURL=ListingItemElement.d.ts.map