import { BadgeOption } from '../../../alerts/badge/badge.component';
import * as i0 from "@angular/core";
export type { BadgeOption } from '../../../alerts/badge/badge.component';
/**
 * Campo de formulario tipo "select" que muestra las opciones como app-badge en vez
 * de un `<select>` nativo: label a un costado + un badge por opción, click para elegir.
 *
 * Uso: `<app-badge-select label="Estado" [lista]="opciones" [(value)]="estado" />`
 * donde `opciones: BadgeOption[]` (mismo tipo que usa app-badge).
 *
 * @Input wlabel        - Ancho mínimo del label en px
 * @Input label          - Texto del label
 * @Input isRequired     - Muestra el asterisco de campo requerido
 * @Input isImportant    - Resalta el label en rojo
 * @Input isVertical     - Label arriba en vez de al costado
 * @Input position_row   - `align-items` de la fila label+badges ('start' | 'end' | 'center')
 * @Input disabled         - [(disabled)] deshabilita la selección
 * @Input allDisabled      - [(allDisabled)] igual que `disabled`, pensado para deshabilitar en bloque
 * @Input invalidInput     - [(invalidInput)] estado de error (resaltado)
 * @Input lista             - Opciones a mostrar como badges (BadgeOption[]); mismo nombre que `lista` en app-input
 * @Input value              - [(value)] valor seleccionado (comparado contra `option.value`)
 * @Input placeholder         - Texto del ítem "sin selección" (default: '-- Seleccionar --'); mismo nombre
 *                        que `placeholder` en app-input
 * @Input menuTitle          - Título del dropdown (default: 'Seleccionar')
 * @Input color               - Color por defecto de los badges sin `color` propio (default: 'pri-default')
 * @Input variante             - 'estandar' | 'modern' | 'soft', igual que en app-input; se propaga a los
 *                        app-badge internos
 * @Output changeInput         - Opción elegida
 */
export declare class BadgeSelectComponent {
    wlabel: import("@angular/core").InputSignal<number>;
    label: import("@angular/core").InputSignal<string>;
    isRequired: import("@angular/core").InputSignal<boolean>;
    isImportant: import("@angular/core").InputSignal<boolean>;
    isVertical: import("@angular/core").InputSignal<boolean>;
    position_row: import("@angular/core").InputSignal<"start" | "end" | "center">;
    disabled: import("@angular/core").ModelSignal<boolean>;
    allDisabled: import("@angular/core").ModelSignal<boolean>;
    invalidInput: import("@angular/core").ModelSignal<boolean>;
    lista: import("@angular/core").InputSignal<BadgeOption[]>;
    value: import("@angular/core").ModelSignal<any>;
    placeholder: import("@angular/core").InputSignal<string>;
    menuTitle: import("@angular/core").InputSignal<string>;
    color: import("@angular/core").InputSignal<string>;
    /** Igual que en app-input: 'estandar' | 'modern' | 'soft'. Se propaga a los app-badge internos. */
    variante: import("@angular/core").InputSignal<"estandar" | "modern" | "soft">;
    changeInput: import("@angular/core").OutputEmitterRef<BadgeOption>;
    private static nextId;
    readonly inputId: string;
    protected readonly isDisabled: import("@angular/core").Signal<boolean>;
    protected readonly selected: import("@angular/core").Signal<BadgeOption>;
    protected readonly items: import("@angular/core").Signal<{
        current: boolean;
        value: any;
        label: string;
        color?: string;
        bgColor?: string;
        icon?: string;
        detail?: string;
        detailIcon?: string;
    }[]>;
    protected pick(option: BadgeOption): void;
    private isSame;
    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeSelectComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeSelectComponent, "app-badge-select", never, { "wlabel": { "alias": "wlabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "isRequired": { "alias": "isRequired"; "required": false; "isSignal": true; }; "isImportant": { "alias": "isImportant"; "required": false; "isSignal": true; }; "isVertical": { "alias": "isVertical"; "required": false; "isSignal": true; }; "position_row": { "alias": "position_row"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "allDisabled": { "alias": "allDisabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "invalidInput"; "required": false; "isSignal": true; }; "lista": { "alias": "lista"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "menuTitle": { "alias": "menuTitle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variante": { "alias": "variante"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "allDisabled": "allDisabledChange"; "invalidInput": "invalidInputChange"; "value": "valueChange"; "changeInput": "changeInput"; }, never, never, true, never>;
}