@kelvininc/ui-components
Version:
Kelvin UI Components
62 lines (61 loc) • 1.89 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
import { HostAttributes } from '../../stencil-public-runtime';
import { EToggleState, ISelectOption, ISelectOptionAction, ISelectOptionEvents } from './select-option.types';
import { EIconName } from '../icon/icon.types';
import { CustomCssClass } from '../../types';
/**
* @part select-option-content - The option's content container
* @part option-container - The option's container
* @part checkbox - The option's checkbox
* @part label - The option's label
* @part icon - The option's icon
* @part right-icon - The option's right icon
*/
export declare class KvSelectOption implements ISelectOption, ISelectOptionEvents {
el: HTMLKvSelectOptionElement;
/** @inheritdoc */
label: string;
/** @inheritdoc */
value: string;
/** @inheritdoc */
icon?: EIconName;
/** @inheritdoc */
iconTooltipText?: string;
/** @inheritdoc */
rightIconTooltipText?: string;
/** @inheritdoc */
description?: string;
/** @inheritdoc */
rightIcon?: EIconName;
/** @inheritdoc */
disabled?: boolean;
/** @inheritdoc */
selected?: boolean;
/** @inheritdoc */
highlighted?: boolean;
/** @inheritdoc */
togglable?: boolean;
/** @inheritdoc */
selectable?: boolean;
/** @inheritdoc */
heading?: boolean;
/** @inheritdoc */
level: number;
/** @inheritdoc */
state?: EToggleState;
/** @inheritdoc */
isDirty?: boolean;
/** @inheritdoc */
customClass?: CustomCssClass;
/** @inheritdoc */
customStyle?: HostAttributes['style'];
/** @inheritdoc */
action?: ISelectOptionAction;
/** @inheritdoc */
customAttributes?: Record<string, string>;
/** @inheritdoc */
itemSelected: EventEmitter<string>;
highlightedChangeHandler(): void;
private onItemClick;
render(): any;
}