import { InputMetadata } from '../../types'; import * as i0 from "@angular/core"; /** * val-chip-select — elegir UNA opción entre pocas, en chips. * * Existe porque `val-checkbox-radio-input` (el otro selector de opción única del * form) apila radios en vertical: con seis opciones cortas ocupa media pantalla * de teléfono y obliga a apuntar a un círculo chico. En el piso, donde se usa de * pie y con guantes, eso es el peor objetivo posible. * * Los chips resuelven las dos cosas: el objetivo táctil es la etiqueta entera y * las opciones fluyen en varias líneas sin desplazar el resto del formulario. * * **Cuándo NO usarlo**: con muchas opciones, o con etiquetas largas. Los chips * dependen de que el texto sea corto; con frases se convierten en una lista mal * maquetada y conviene `SELECT` o `SEARCH_SELECT`. * * El color del chip activo sale de `chipColor` (default `primary`), y una opción * puede pedir el suyo con `chipColors[option.id]` — es lo que permite que una * severidad alta se vea distinta de una baja sin que el consumidor escriba CSS. */ export declare class ChipSelectComponent { props: InputMetadata; states: { ENABLED: "ENABLED"; DISABLED: "DISABLED"; WORKING: "WORKING"; ERROR: "ERROR"; }; isActive(id: string): boolean; /** Color del chip activo: el de la opción si lo declara, si no el del campo. */ colorFor(id: string): string; select(id: string): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; }