import { PluginFunction, VueConstructor } from "vue";
import { DirectiveOptions } from "vue/types/options";

export default VueTelInput;
export const VueTelInput: VueTelInputConstructor;

export interface VueTelInputProps {
    value: string;
    placeholder: string;
    disabledFetchingCountry: boolean;
    disabled: boolean;
    disabledFormatting: boolean;
    invalidMsg: string;
    required: boolean;
    defaultCountry: string;
    enabledCountryCode: boolean;
    enabledFlags: boolean;
    preferredCountries: boolean;
    onlyCountries: any[];
    ignoredCountries: any[];
    autocomplete: string;
    name: string;
    wrapperClasses: string;
    inputClasses: string;
    dropdownOptions: VueTelInputDowndownOption;
    inputOptions: VueTelInputInputOption;
    maxLen: number;
}

export interface VueTelInputData {
    phone: string;
    activeCountry: VueTelInputCountryOption;
    open: boolean;
    selectedIndex: any;
    typeToFindInput: string;
    typeToFindTimer: any;
}

export interface VueTelInputWatch {
    state: (value: any) => void;
    value: () => void;
}

export interface VueTelInputMethods {
    initializeCountry: () => void;
    getCountries: (list: any[]) => any[];
    findCountry: (iso: string) => any[];
    getItemClass: (index: number, iso2: string) => any;
    choose: (country: any) => void;
    onInput: () => void;
    onBlur: () => void;
    toggleDropdown: () => void;
    clickedOutside: () => void;
    keyboardNav: (e: Event) => void;
    reset: () => void;
}

export interface VueTelInputComputed {
    mode: () => string;
    filteredCountries: () => string[];
    sortedCountries: () => string[];
    formattedResult: () => string;
    state: () => boolean;
    response: () => VueTelInputResponse;
}

export interface VueTelInputDirective {
    "click-outside": DirectiveOptions;
}

export interface VueTelInputResponse {
    number: string;
    isValid: boolean;
    country: VueTelInputCountryOption;
}

export interface VueTelInputCountryOption {
    iso2: string;
}

export interface VueTelInputDowndownOption {
    disabledDialCode: boolean;
}

export interface VueTelInputInputOption {
    showDialCode: boolean;
}

export interface VueTelInputConstructor extends VueConstructor {
    install: PluginFunction<never>;
    props: VueTelInputProps;
    data: () => VueTelInputData;
    watch: VueTelInputWatch;
    methods: VueTelInputMethods;
    computed: VueTelInputComputed;
    directives: VueTelInputDirective;
}