import { ElementRef, QueryList } from '@angular/core';
import { ControlValueAccessor, FormArray } from '@angular/forms';
import { OverrideStyleConfig } from '@pv-frontend/pv-shared-components/common/types';
import { BinInputVariant } from '@pv-frontend/pv-shared-services/common';
import * as i0 from "@angular/core";
export interface BinConfig {
    disabled?: boolean;
    placeholder?: string;
    length?: number;
}
export interface VariantConfig {
    inputsConfig: [BinConfig, BinConfig, BinConfig, BinConfig];
    firstFocussableIndex: number;
    lastFocussableIndex: number;
}
export interface BinValue {
    bin: string;
    binType: BinInputVariant;
}
export interface BinInputStyleOverride {
    container?: OverrideStyleConfig;
    label?: OverrideStyleConfig;
    inputContainer?: OverrideStyleConfig;
    input?: OverrideStyleConfig;
    error?: OverrideStyleConfig;
}
export declare class BinInput implements ControlValueAccessor {
    #private;
    onChange?: (value: BinValue) => void;
    onTouched?: () => void;
    variantConfig: Record<BinInputVariant, VariantConfig>;
    TOTAL_INPUT_BOXES: number;
    DEFAULT_BIN_VARIANT: BinInputVariant;
    currentVariant: BinInputVariant;
    inputs: FormArray;
    inputEls: QueryList<ElementRef<HTMLInputElement>>;
    label: string;
    set variant(value: BinInputVariant);
    separator: string;
    isInvalid: boolean;
    errorMessage: string;
    style?: BinInputStyleOverride;
    handleInput(): void;
    handleFocus(e: FocusEvent): void;
    handleKeyDown(event: KeyboardEvent, index: number): void;
    writeValue(obj: BinValue): void;
    registerOnChange(fn: (value: BinValue) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState?(isDisabled: boolean): void;
    private findNextFocusIndex;
    private getFormArray;
    static ɵfac: i0.ɵɵFactoryDeclaration<BinInput, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<BinInput, "pv-bin-input", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "isInvalid": { "alias": "isInvalid"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, never, false, never>;
}
//# sourceMappingURL=bin-input.component.d.ts.map