/** Core */
import { CoreComponent } from "cmf.core/src/core";
import { OnValidate, OnValidateArgs } from "../../directives/validator/validator";
/** Angular */
import { ElementRef } from "@angular/core";
import * as ng from "@angular/core";
/**
 * ValueValidator interface - function to validate the string in input
 */
export declare type ValueValidator = (item: string) => Promise<boolean>;
/**
 * @whatItDoes
 * This component shows an input to get an array. Shows the inserted values * in blue to the left of the input area
 *
 * @howToUse
 * This component is used with the inputs and outputs mentioned below.
 * Can be used in Input Component and PropertyEditor
 *
 *
 * ### Inputs
 * `boolean` : **required** - Determines if the input is mandatory or not. (default is _null_);
 * `string` : **placeholder** - Placeholder to display inside the input ;
 * `boolean` : **disabled** - Determines if the input is disabled (default is _null_) ;
 * `any` : **value** - Initial value (supports two-way data binding) ;
 * `ValueValidator` : **valueValidator** - Defines a function to validate the input value, with return Promise<boolean>
 * `boolean` : **inputEditable** - Defines if input is editable, by default is true
 *
 * ### Outputs
 * `any` : **valueChange** - Triggered when the value change .
 * `any` : **filterValueChange** - Filter according to user input
 *
 * ### Example
 * To use the component, assume this HTML Template as an example:
 *
 * ```HTML
 * <cmf-core-controls-multiStringInput
 *          [required]="true"
 *          placeholder="My Placeholder"
 *          [value]="value"
 *          [valueValidator]="validatorFunction"
 *          (valueChange)="onFieldValueChange($event)>
 * </cmf-core-controls-multiStringInput>
 * ```

 *
 * @description
 *
 * ## MultiStringInput Component
 *
 * ### Dependencies
 *
 * #### Directives
 *
 * * ValidatorModule : `cmf.core.controls`
 *
 */
export declare class MultiStringInput extends CoreComponent implements ng.AfterViewInit, ng.OnChanges, OnValidate, ng.OnDestroy {
    private el;
    private changeDetector;
    /**
    * Field is required
    */
    _required: boolean;
    /**
    * Field is disabled
    */
    _disabled: boolean;
    /**
     * Nested input placeholder string
     */
    _placeholder: string;
    /**
    * Defines if the component is in and erroneous state
    */
    _validationError: boolean;
    /**
     * Error class if input doesn't pass validation function
     */
    _input_error: boolean;
    /**
     * Gets the value of the input.
     */
    _value: string;
    /**
     * Input value
     */
    value: string[] | string;
    /**
     * Set if input is editable, by default it's true
     */
    inputEditable: boolean;
    /**
     * Gets the required property.
     */
    /**
    * Sets the required property
    */
    required: boolean;
    /**
     * Gets the disabled property.
     */
    /**
    *
    * Sets the disabled property
    */
    disabled: boolean;
    /**
     *
     * Sets the placeholder property
     */
    /**
    * Gets the placeholder property.
    */
    placeholder: string;
    /**
     * Array with the user values (values in the blue boxes)
     */
    _inputs: {
        value: string;
        error: boolean;
    }[];
    /**
     * Input function to validate the value
     */
    valueValidator: ValueValidator;
    /**
     * Value Changed
     */
    valueChange: ng.EventEmitter<string[]>;
    /**
     * Input value change
     */
    filterValueChange: ng.EventEmitter<string>;
    private _input;
    /**
     * Constructor
     *
     * @param viewContainerRef the reference to the component view container
     */
    constructor(viewContainerRef: ng.ViewContainerRef, el: ElementRef, changeDetector: ng.ChangeDetectorRef);
    /**
    * Validation function
    * @param context ValidationContext
    */
    onValidate(context: OnValidateArgs): Promise<boolean>;
    /**
     * Resets the styling option of the validation process
     *
     * @see OnValidate interface
     */
    reset(): Promise<boolean>;
    /**
     * On changes method
     *
     * @param changes the changes made to the component properties
     */
    ngOnChanges(changes: ng.SimpleChanges): void;
    /**
     * After view init
     * Event listener to prevent paste with style on the input
     */
    ngAfterViewInit(): void;
    /**
     * On Destroy
     * Remove the paste Event listener
     */
    ngOnDestroy(): void;
    /**
     * Called when the value is changed.
     */
    onValueChange(value: any): void;
    /**
     * Set value from changes in inputs array
     * @param newValue
     */
    private setValue;
    /**
     * Compare value of two arrays
     */
    compare(actual: any, onChange: any): boolean;
    /**
     * Update Input array when user presses tab or enter
     * If the exist input for validation first checks if input is
     * true or false on the user validation function
     */
    onKeydown(event: any): void;
    /**
     * Function that validates the content, set and emit the array of values
     * @param event event fired
     */
    private validateAndSetArray;
    /**
     * Blur event
     */
    onBlur(event: any): void;
    /**
     * Delete last entry when user presses backspace
     * @param event
     */
    deleteBackSpace(event: KeyboardEvent): void;
    /**
     * Delete specific entry when user clicks X
     * @param index
     */
    deleteSingleClick(index: number): void;
    /**
     * Required Validation, if exists values on the inputs array (blue strings)
     * @param context
     */
    private internalValidation;
    /**
     * Output treatment
     * @param value
     */
    valueChanged(value: any): void;
    /**
     * Focus the cursor on the input when user clicks inside the main div
     */
    focusInput(event: any): void;
    /**
     * Clear typed chars
     */
    clearValue(): void;
    /**
     * Remove all saved values
     */
    deleteAllClick(): void;
}
export declare class MultiStringInputModule {
}