CountriesFlagsDialIso2

This component is a drop-down that should contain all countries.
Each drop-down item will show
* Country flag
* Country Name in English and country language
* Dial number

Note:
The flags css and flags image was taken from library vue-country-code which is designed for vue framework.
CountriesFlagsDialIso2 is generated mainly for Angular

$3

* run npm install countries-flags-dial-iso2 --save
* Import the module CountriesFlagsDialIso2Module into the module where your component belong to

$3

* id: string id will be assigned to the input tag
* formControlCustom: FormControl to be used in reactiveForm
ex: [formControlCustom]=myForm.get('mobile-number'). only the entered input will be emitted to reactive form and you have to set the country dial manually by using (selectCountryEmitter)
* defaultCountryByIso2: string the selected country by default using iso2 code.
ex: [defaultCountryByIso2]='us' this will make default country is USA
* selectCountryEmitter this will emit the selected country as object.
ex :
{name: "United Arab Emirates (‫الإمارات العربية المتحدة‬‎)", iso2: "ae", dial: "971", mobileFormat: ""}