import { ListBulletType } from '../../../Types/ListBulletType'; import { ListNumberingType } from '../../../Types/ListNumberingType'; import { ListType } from '../../../Types/ListType'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { IListingElementProps } from './IListingElementProps'; declare const ListingElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (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; /** * Listing - A unified list component supporting both ordered and unordered display modes. * * @description * The Listing component renders a list container that can be configured as either ordered (numbered) * or unordered (bulleted). It replaces the separate `
    ` and `
      ` components with * a single unified API. The listing provides its configuration to child `` * elements via an inheritance context, enabling automatic marker rendering. * * @name Listing * @element mosaik-listing * @category Primitives * * @slot - Default slot for `` children. * * @csspart list - The inner list container element. * * @cssprop {String} --listing-background-color - The background color of the list container. * @cssprop {String} --listing-foreground-color - The text color of the list. * @cssprop {String} --listing-font-family - The font family for list content. * @cssprop {String} --listing-font-size - The font size for list content. * @cssprop {String} --listing-font-weight - The font weight for list content. * @cssprop {String} --listing-font-line-height - The line height for list content. * @cssprop {String} --listing-gap - The spacing between list items. * @cssprop {String} --listing-padding-bottom - The bottom padding inside the list. * @cssprop {String} --listing-padding-left - The left padding inside the list. * @cssprop {String} --listing-padding-right - The right padding inside the list. * @cssprop {String} --listing-padding-top - The top padding inside the list. * @cssprop {String} --listing-transition-duration - The duration of transition animations. * @cssprop {String} --listing-transition-mode - The timing function for transition animations. * @cssprop {String} --listing-transition-property - The CSS properties to animate during transitions. * * @example * Ordered listing: * ```html * * First item * Second item * Third item * * ``` * * @example * Unordered listing with variant: * ```html * * Milk * Eggs * Bread * * ``` * * @public */ export declare class ListingElement extends ListingElement_base implements IListingElementProps { private readonly _provider; private _type; private _numberingType; private _bulletType; private _reversed; private _start; constructor(); static get is(): string; /** * Gets or sets the type of listing (ordered or unordered). * The default value is `'unordered'`. * * @public * @attr */ get type(): ListType; set type(value: ListType); /** * Gets or sets the numbering type for ordered listings. * The default value is `'1'` (decimal). * * @public * @attr numbering-type */ get numberingType(): ListNumberingType; set numberingType(value: ListNumberingType); /** * Gets or sets the bullet type for unordered listings. * The default value is `'disc'`. * * @public * @attr bullet-type */ get bulletType(): ListBulletType; set bulletType(value: ListBulletType); /** * Gets or sets whether the ordering is reversed. * Only meaningful when `type` is `'ordered'`. * The default value is `false`. * * @public * @attr */ get reversed(): boolean; set reversed(value: boolean); /** * Gets or sets the starting number for ordered listings. * The default value is `null` (starts at 1). * * @public * @attr */ get start(): number | null; set start(value: number | null); } export declare namespace ListingElement { type Props = IListingElementProps; } declare global { interface HTMLElementTagNameMap { 'mosaik-listing': ListingElement; } } export {}; //# sourceMappingURL=ListingElement.d.ts.map