import ImportRecord from './ImportRecord';
import { ImportConfig } from './MainElement';
export declare class MappingDoneEvent extends Event {
    readonly mapping: {
        [key: string]: string;
    };
    constructor(mapping: {
        [key: string]: string;
    });
}
export default class MappingElement extends HTMLElement {
    private readonly config;
    private readonly headers;
    private readonly records;
    private readonly hasNumericHeaders;
    private readonly mappedFields;
    private tooltipManager;
    private dropdownManager;
    constructor(config: ImportConfig, headers: string[], records: ImportRecord[], hasNumericHeaders: boolean, mappedFields?: {
        [key: string]: string | null;
    });
    connectedCallback(): void;
    disconnectedCallback(): void;
    /**
     * Goes through the fields in the config and creates a label and a custom element for each field.
     */
    private addFields;
    private registerEventListeners;
    /**
     * Returns the first 5 values of a field to be displayed in the data preview.
     */
    private getDataPreview;
    /**
     * Enables the button if all required fields are filled.
     * If there are no required fields, enables the button if at least one field is filled.
     */
    private enableOrDisableButton;
    private markAsLoading;
    private getSelectOptions;
}