angular-material-extensions / select-country

Angular Material component that allow users to select a country or nationality with an autocomplete feature
https://angular-material-extensions.github.io/select-country/
MIT License
126 stars 40 forks source link

[Feat Request] Use different svg sources #36

Open KingDarBoja opened 4 years ago

KingDarBoja commented 4 years ago

Is your feature request related to a problem? Please describe. The library uses svg-country-flags package to load the svg flags into the dropdown selector but not all the flags have the same ratio, which can be desired on some projects.

Describe the solution you'd like Would be great to customise the package used for loading and/or rendering svgs on the selector. Some options are listed below:

Maybe as an alternative library but published with a suffix like @angular-material-extensions/select-country-twemoji?

KingDarBoja commented 4 years ago

For anyone willing to do this, the twemoji library has the flags starting from 1f1e6-1f1e8.svg to 1f1ff-1f1fc.svg, with a total size of 664 KB.

KingDarBoja commented 4 years ago

Hey @AnthonyNahas

I have been working on a custom component that can be customized with different icon sources for country flags based on this feature, it is a work in progress but it supports already Twemoji icons and tree-shakable on lazy-loaded modules: NgxCountryFlagIcons

The main idea would be shipping only the icon set you want to use (so far, only Twemoji supported) and register those at the module to use.

I will be including the flag-icon-css pack this week and probably the official flags from svg-country-flags.

Cheers!