import { EventEmitter, OnInit } from '@angular/core';
import { DndDropEvent } from 'ngx-drag-drop';
import * as i0 from "@angular/core";
export interface KeyValueInputType {
    [x: string]: any;
    type: string;
}
export declare class KeyValueInputComponent implements OnInit {
    componentId: string;
    items: KeyValueInputType[];
    size: 'DEFAULT' | 'SLIM';
    keyAttributeName: string;
    valueAttributeName: string;
    keyLabel: string;
    valueLabel: string;
    removeLabel: string;
    inputOptionsWidthPercentage: number;
    inputOptionsDefaultSelected: string;
    inputOptions: any[];
    valueOptions: any[];
    blockNewItem: boolean;
    blockEditLabel: boolean;
    onDropFn: ($event: DndDropEvent, attribute: string) => string;
    itemsChange: EventEmitter<KeyValueInputType[]>;
    temporaryItem: KeyValueInputType;
    private readonly onKeyPressedTemporaryKey;
    private createDefaultTemporaryItem;
    ngOnInit(): void;
    removeItem(index: number): void;
    inputOptionChanged(event: string, index: number): void;
    valueOptionChanged(event: string, index: number): void;
    onKeyDrop(model: KeyValueInputType, $event: DndDropEvent): void;
    onKeyDropTemporaryItem(model: KeyValueInputType, $event: DndDropEvent): void;
    onValueDrop(model: KeyValueInputType, $event: DndDropEvent): void;
    addTemporaryAttributeToItems(): void;
    focusOnLastItem(): void;
    onKeyPressedTemporaryKeyFn(): void;
    temporaryItemOptionChanged(event: string): void;
    temporaryValueOptionChanged(event: string): void;
    getComponentId(id: string, index: number): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<KeyValueInputComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<KeyValueInputComponent, "key-value-input", never, { "componentId": { "alias": "componentId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; "keyAttributeName": { "alias": "keyAttributeName"; "required": false; }; "valueAttributeName": { "alias": "valueAttributeName"; "required": false; }; "keyLabel": { "alias": "keyLabel"; "required": false; }; "valueLabel": { "alias": "valueLabel"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; "inputOptionsWidthPercentage": { "alias": "inputOptionsWidthPercentage"; "required": false; }; "inputOptionsDefaultSelected": { "alias": "inputOptionsDefaultSelected"; "required": false; }; "inputOptions": { "alias": "inputOptions"; "required": false; }; "valueOptions": { "alias": "valueOptions"; "required": false; }; "blockNewItem": { "alias": "blockNewItem"; "required": false; }; "blockEditLabel": { "alias": "blockEditLabel"; "required": false; }; "onDropFn": { "alias": "onDropFn"; "required": false; }; }, { "itemsChange": "itemsChange"; }, never, never, false, never>;
}