import type { CoreSelect } from '@pollux-docaposte/core-design-system/dist/types/components/core-select/core-select'; import { type EventEmitter } from '../../stencil-public-runtime'; export declare class CobaltSelect { /** * The label that accompany the select. */ label: string; /** * Description is available on `outside` and `aside` format and will append below the label. */ description?: string; /** * Placeholder inside the select. */ placeholder?: string; /** * Mention displayed to indicate if the field is mandatory or optional. If none is selected `custom-requirement` slot is available. */ requirement?: 'mandatory' | 'optional' | 'none'; /** * Array of objects describing the options. It should be in strict JSON format. * * The array could be a simple list of options: * ``` * const options = [ * { * "value": string, * "disabled": boolean // can be omitted if not true * } * ... * ] * ``` * Or it could be splitted in multiple sections: * ``` * const options = [ * { * "title": string, // title of the section * "options": [ * { * "value": string, * "disabled": boolean // can be omitted if not true * } * ... * ] * } * ... * ] * ``` */ options: CoreSelect['options']; /** * Position the label in different place. */ format?: 'inside' | 'outside' | 'aside' | 'hidden'; /** * A boolean indicating the disable state of the Select field. The `aria-disabled` attribute relies on this property. */ disabled?: boolean; /** * Display an error message under the field and set the field in error state. */ errorMessage?: string; /** * Corresponding to the option selected in the format `{ value: string, disabled: boolean }` */ selectedOption: string; /** * Corresponding to a unique index of the option. */ selectedOptionIndex: number | string; element: HTMLElement; /** * Emitted when the value has changed. */ cobaltSelectOptionChange: EventEmitter; selectOption: (option: string) => void; render(): any; }