import { Variant } from '../../../Types/Variant'; import { SelectorItemElement } from '../Abstracts/Selector/SelectorItemElement'; import { ComboElement } from './ComboElement'; import type { IComboItemElementProps } from './IComboItemElementProps'; declare const ComboItemElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Rippleable").IRippleableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Valueable").IValueableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Focusable").IFocusableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Labelable").ILabelableProps) & (abstract new () => SelectorItemElement>) & import("../../../Behaviors/Themeable").IThemeableCtor; /** * ComboItem - An individual selectable option within a combo dropdown component. * * Represents a single choice that users can select from within a combo box dropdown. * Supports visual states (selected, focused, disabled) and provides value binding * for form integration and selection management. * * @name ComboItemElement * @element mosaik-combo-item * @category Selectors * * @slot - Default content area for the option label and description * @slot prefix - Leading content (icons, avatars, indicators) * @slot suffix - Trailing content (checkmarks, badges, secondary actions) * * @csspart container - Main container for the combo item * @csspart content - Content wrapper for text and elements * @csspart checkmark - Checkmark indicator for selected state * * @cssprop {String} --combo-item-padding - Internal padding for the option content * @cssprop {Color} --combo-item-background - Background color for the option * @cssprop {String} --combo-item-background-hover - Hover state background color * @cssprop {String} --combo-item-background-selected - Selected state background color * @cssprop {Color} --combo-item-color - Text color for the option * @cssprop {String} --combo-item-border-radius - Border radius for option styling * * @fires selected {SelectedEvent} - Called when the element is selected. * @fires deselected {DeselectedEvent} - Called when the element is deselected. * * @dependency ComboElement - Parent combo component that manages the dropdown and selection * @dependency CheckmarkElement - For indicating selected state in the option * * @example * ```html * * Option 1 * * * * * JavaScript * * * * * Premium Plan * $29/month * * * * * * Premium Feature (Upgrade Required) * * ``` * * @public */ export declare class ComboItemElement extends ComboItemElement_base implements IComboItemElementProps { private readonly _inheritance; private _isChecked; private _icon; private _isActive; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @override * @readonly */ static get is(): string; /** * @inheritdoc * When used inside a Combo, inherits the combo's disabled state unless explicitly set. * * @public * @override */ get disabled(): boolean; set disabled(value: boolean); /** * @inheritdoc * When used inside a Combo, inherits the combo's variant unless explicitly set. * * @public * @override */ get variant(): Variant; set variant(value: Variant); /** * Gets or sets the `isChecked` property. * * @public * @attr */ get isChecked(): boolean; set isChecked(value: boolean); /** * Gets or sets the `icon` property. * * @public */ get icon(): string; set icon(value: string); /** * Gets or sets the `isActive` property. * * @public * @attr */ get isActive(): boolean; set isActive(value: boolean); /** * Gets the `displayText` property. * Falls back to text content if label is empty. * * @public * @readonly * @hidden */ get displayText(): string; /** * Get the item parent. * * @protected * @readonly */ get parent(): ComboElement; /** * @protected */ protected onClick(event: Event): void; } /** * @public */ export declare namespace ComboItemElement { type Props = IComboItemElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-combo-item': ComboItemElement; } } export {}; //# sourceMappingURL=ComboItemElement.d.ts.map