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 - The default slot. * @slot icon - The icon slot. * @slot - Default content area for the option label and description * * @csspart checkmark - Checkmark indicator for selected state * @csspart focusRing - The focusRing part. * @csspart ripple - The ripple part. * * @cssprop {String} --combo-item-background-color - The item background color CSS custom property. * @cssprop {String} --combo-item-border-color - The item border color CSS custom property. * @cssprop {String} --combo-item-border-radius - Border radius for option styling * @cssprop {String} --combo-item-border-style - The item border style CSS custom property. * @cssprop {String} --combo-item-border-width - The item border width CSS custom property. * @cssprop {String} --combo-item-focus-ring-active-width - The item focus ring active width CSS custom property. * @cssprop {String} --combo-item-focus-ring-color - The item focus ring color CSS custom property. * @cssprop {String} --combo-item-focus-ring-inward-offset - The item focus ring inward offset CSS custom property. * @cssprop {String} --combo-item-focus-ring-outward-offset - The item focus ring outward offset CSS custom property. * @cssprop {String} --combo-item-font-family - The item font family CSS custom property. * @cssprop {String} --combo-item-font-letter-spacing - The item font letter spacing CSS custom property. * @cssprop {String} --combo-item-font-line-height - The item font line height CSS custom property. * @cssprop {String} --combo-item-font-size - The item font size CSS custom property. * @cssprop {String} --combo-item-font-text-decoration - The item font text decoration CSS custom property. * @cssprop {String} --combo-item-font-text-transform - The item font text transform CSS custom property. * @cssprop {String} --combo-item-font-weight - The item font weight CSS custom property. * @cssprop {String} --combo-item-foreground-color - The item foreground color CSS custom property. * @cssprop {String} --combo-item-gap - The item gap CSS custom property. * @cssprop {String} --combo-item-padding-bottom - The item padding bottom CSS custom property. * @cssprop {String} --combo-item-padding-left - The item padding left CSS custom property. * @cssprop {String} --combo-item-padding-right - The item padding right CSS custom property. * @cssprop {String} --combo-item-padding-top - The item padding top CSS custom property. * @cssprop {String} --combo-item-ripple-color - The item ripple color CSS custom property. * @cssprop {String} --combo-item-ripple-duration - The item ripple duration CSS custom property. * @cssprop {String} --combo-item-shadow - The item shadow CSS custom property. * @cssprop {String} --combo-item-shadow-blur - The item shadow blur CSS custom property. * @cssprop {String} --combo-item-shadow-color - The item shadow color CSS custom property. * @cssprop {String} --combo-item-shadow-offset-x - The item shadow offset x CSS custom property. * @cssprop {String} --combo-item-shadow-offset-y - The item shadow offset y CSS custom property. * @cssprop {String} --combo-item-shadow-spread - The item shadow spread CSS custom property. * @cssprop {String} --combo-item-transition-duration - The item transition duration CSS custom property. * @cssprop {String} --combo-item-transition-mode - The item transition mode CSS custom property. * @cssprop {String} --combo-item-transition-property - The item transition property CSS custom property. * @cssprop {String} --combo-item-translate - The item translate CSS custom property. * * @fires selected {SelectedEvent} - Called when the element is selected. * @fires deselected {DeselectedEvent} - Called when the element is deselected. * * @dependency mosaik-checkmark - The Checkmark element. * @dependency mosaik-focus-ring - The Focus Ring element. * @dependency mosaik-icon - The Icon element. * @dependency mosaik-ripple - The Ripple element. * @dependency mosaik-text - The Text element. * * @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