ngx-dial-input 2.0.3 → 2.0.5

package/fesm2020/ngx-dial-input.mjs

@@ -7,6 +7,15 @@ import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 const countries = [
+    {
+        name: 'Panama',
+        native: 'Panamá',
+        iso2: 'pa',
+        dialCode: '+507',
+        format: '+507 ##-###-####',
+        flag: 'https://flagcdn.com/w40/pa.png',
+        phoneLength: 8
+    },
     {
         name: 'Pakistan',
         native: 'پاکستان',
@@ -1214,20 +1223,657 @@ const countries = [
         phoneLength: 10 // NANP standard (e.g., +1 416 123 4567)
     },
     {
-        name: 'Panama',
-        native: 'Panamá',
-        iso2: 'pa',
-        dialCode: '+507',
-        format: '+507 ##-###-####',
-        flag: 'https://flagcdn.com/w40/pa.png',
-        phoneLength: 8 // Mobile: 8 digits (e.g., +507 6123 4567)
-    }
+        name: 'Costa Rica',
+        native: 'Costa Rica',
+        iso2: 'cr',
+        dialCode: '+506',
+        format: '+506 ###-####',
+        flag: 'https://flagcdn.com/w40/cr.png',
+        phoneLength: 8 // Mobile: 8 digits (e.g., +506 6123 4567)
+    },
+    {
+        name: 'El Salvador',
+        native: 'El Salvador',
+        iso2: 'sv',
+        dialCode: '+503',
+        format: '+503 ##-###-####',
+        flag: 'https://flagcdn.com/w40/sv.png',
+        phoneLength: 8 // Mobile: 8 digits (e.g., +503 6123 4567)
+    },
+    {
+        name: 'Guatemala',
+        native: 'Guatemala',
+        iso2: 'gt',
+        dialCode: '+502',
+        format: '+502 ##-###-####',
+        flag: 'https://flagcdn.com/w40/gt.png',
+        phoneLength: 8 // Mobile: 8 digits (e.g., +502 6123 4567)
+    },
+    {
+        name: 'Honduras',
+        native: 'Honduras',
+        iso2: 'hn',
+        dialCode: '+504',
+        format: '+504 ##-###-####',
+        flag: 'https://flagcdn.com/w40/hn.png',
+        phoneLength: 8 // Mobile: 8 digits (e.g., +504 6123 4567)
+    },
+    {
+        name: 'Nicaragua',
+        native: 'Nicaragua',
+        iso2: 'ni',
+        dialCode: '+505',
+        format: '+505 ##-###-####',
+        flag: 'https://flagcdn.com/w40/ni.png',
+        phoneLength: 8 // Mobile: 8 digits (e.g., +505 6123 4567)
+    },
+    {
+        name: 'Belize',
+        native: 'Belize',
+        iso2: 'bz',
+        dialCode: '+501',
+        format: '+501 ###-####',
+        flag: 'https://flagcdn.com/w40/bz.png',
+        phoneLength: 7 // Mobile: 7 digits (e.g., +501 6123 456)
+    },
+    {
+        name: 'Curaçao',
+        native: 'Curaçao',
+        iso2: 'cw',
+        dialCode: '+599',
+        format: '+599 9 ### ####',
+        flag: 'https://flagcdn.com/w40/cw.png',
+        phoneLength: 7 // Mobile: 7 digits (e.g., +599 9 123 4567)
+    },
+    {
+        name: 'Sint Maarten (Dutch part)',
+        native: 'Sint Maarten',
+        iso2: 'sx',
+        dialCode: '+1 721',
+        format: '+1 721 ### ####',
+        flag: 'https://flagcdn.com/w40/sx.png',
+        phoneLength: 10 // Mobile: 10 digits (e.g., +1 721 123 4567)
+    },
+    {
+        name: 'Aruba',
+        native: 'Aruba',
+        iso2: 'aw',
+        dialCode: '+297',
+        format: '+297 ### ####',
+        flag: 'https://flagcdn.com/w40/aw.png',
+        phoneLength: 7 // Mobile: 7 digits (e.g., +297 6123 456)
+    },
+    {
+        name: 'Bonaire, Sint Eustatius and Saba',
+        native: 'Bonaire, Sint Eustatius en Saba',
+        iso2: 'bq',
+        dialCode: '+599 7',
+        format: '+599 7 ### ####',
+        flag: 'https://flagcdn.com/w40/bq.png',
+        phoneLength: 7 // Mobile: 7 digits (e.g., +599 7 123 4567)
+    },
+    {
+        name: 'Sint Eustatius',
+        native: 'Sint Eustatius',
+        iso2: 'bq',
+        dialCode: '+599 3',
+        format: '+599 3 ### ####',
+        flag: 'https://flagcdn.com/w40/bq.png',
+        phoneLength: 7 // Mobile: 7 digits (e.g., +599 3 123 4567)
+    },
+    {
+        name: 'Saba',
+        native: 'Saba',
+        iso2: 'bq',
+        dialCode: '+599 4',
+        format: '+599 4 ### ####',
+        flag: 'https://flagcdn.com/w40/bq.png',
+        phoneLength: 7 // Mobile: 7 digits (e.g., +599 4 123 4567)
+    },
+    {
+        name: 'Greece',
+        native: 'Ελλάδα',
+        iso2: 'gr',
+        dialCode: '+30',
+        flag: 'https://flagcdn.com/w40/gr.png',
+        format: '+30 ### ### ####',
+        phoneLength: 10
+    },
+    {
+        name: 'Cyprus',
+        native: 'Κύπρος',
+        iso2: 'cy',
+        dialCode: '+357',
+        format: '+357 ## ### ####',
+        flag: 'https://flagcdn.com/w40/cy.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Malta',
+        native: 'Malta',
+        iso2: 'mt',
+        dialCode: '+356',
+        format: '+356 #### ####',
+        flag: 'https://flagcdn.com/w40/mt.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Iceland',
+        native: 'Ísland',
+        iso2: 'is',
+        dialCode: '+354',
+        format: '+354 ### ####',
+        flag: 'https://flagcdn.com/w40/is.png',
+        phoneLength: 7
+    },
+    {
+        name: 'Luxembourg',
+        native: 'Lëtzebuerg',
+        iso2: 'lu',
+        dialCode: '+352',
+        format: '+352 #### #####',
+        flag: 'https://flagcdn.com/w40/lu.png',
+        phoneLength: 8
+    }, {
+        name: 'Monaco',
+        native: 'Monaco',
+        iso2: 'mc',
+        dialCode: '+377',
+        format: '+377 ## ## ## ##',
+        flag: 'https://flagcdn.com/w40/mc.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Liechtenstein',
+        native: 'Liechtenstein',
+        iso2: 'li',
+        dialCode: '+423',
+        format: '+423 ### ####',
+        flag: 'https://flagcdn.com/w40/li.png',
+        phoneLength: 7
+    },
+    {
+        name: 'San Marino',
+        native: 'San Marino',
+        iso2: 'sm',
+        dialCode: '+378',
+        format: '+378 ### #####',
+        flag: 'https://flagcdn.com/w40/sm.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Vatican City',
+        native: 'Città del Vaticano',
+        iso2: 'va',
+        dialCode: '+379',
+        format: '+379 ### #####',
+        flag: 'https://flagcdn.com/w40/va.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Andorra',
+        native: 'Andorra',
+        iso2: 'ad',
+        dialCode: '+376',
+        format: '+376 ### ###',
+        flag: 'https://flagcdn.com/w40/ad.png',
+        phoneLength: 6
+    },
+    {
+        name: 'Maldives',
+        native: 'Maldives',
+        iso2: 'mv',
+        dialCode: '+960',
+        format: '+960 ## ###',
+        flag: 'https://flagcdn.com/w40/mv.png',
+        phoneLength: 7
+    },
+    {
+        name: 'Sri Lanka',
+        native: 'ශ්‍රී ලංකාව',
+        iso2: 'lk',
+        dialCode: '+94',
+        format: '+94 ## ### ####',
+        flag: 'https://flagcdn.com/w40/lk.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Nepal',
+        native: 'नेपाल',
+        iso2: 'np',
+        dialCode: '+977',
+        format: '+977 ## ### ####',
+        flag: 'https://flagcdn.com/w40/np.png',
+        phoneLength: 10
+    },
+    {
+        name: 'Bhutan',
+        native: 'འབྲུག',
+        iso2: 'bt',
+        dialCode: '+975',
+        format: '+975 ## ### ###',
+        flag: 'https://flagcdn.com/w40/bt.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Malawi',
+        native: 'Malawi',
+        iso2: 'mw',
+        dialCode: '+265',
+        format: '+265 ## ### ###',
+        flag: 'https://flagcdn.com/w40/mw.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Zambia',
+        native: 'Zambia',
+        iso2: 'zm',
+        dialCode: '+260',
+        format: '+260 ## ### ####',
+        flag: 'https://flagcdn.com/w40/zm.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Botswana',
+        native: 'Botswana',
+        iso2: 'bw',
+        dialCode: '+267',
+        format: '+267 ## ### ###',
+        flag: 'https://flagcdn.com/w40/bw.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Namibia',
+        native: 'Namibia',
+        iso2: 'na',
+        dialCode: '+264',
+        format: '+264 ## ### ###',
+        flag: 'https://flagcdn.com/w40/na.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Lesotho',
+        native: 'Lesotho',
+        iso2: 'ls',
+        dialCode: '+266',
+        format: '+266 ## ### ###',
+        flag: 'https://flagcdn.com/w40/ls.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Eswatini',
+        native: 'Eswatini',
+        iso2: 'sz',
+        dialCode: '+268',
+        format: '+268 ## ### ###',
+        flag: 'https://flagcdn.com/w40/sz.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Mozambique',
+        native: 'Moçambique',
+        iso2: 'mz',
+        dialCode: '+258',
+        format: '+258 ## ### ####',
+        flag: 'https://flagcdn.com/w40/mz.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Madagascar',
+        native: 'Madagasikara',
+        iso2: 'mg',
+        dialCode: '+261',
+        format: '+261 ## ## ### ##',
+        flag: 'https://flagcdn.com/w40/mg.png',
+        phoneLength: 9
+    }, {
+        name: 'Comoros',
+        native: 'Komori',
+        iso2: 'km',
+        dialCode: '+269',
+        format: '+269 ## ## ##',
+        flag: 'https://flagcdn.com/w40/km.png',
+        phoneLength: 6
+    },
+    {
+        name: 'Tique',
+        native: 'Tique',
+        iso2: 'yt',
+        dialCode: '+262',
+        format: '+262 ## ## ## ##',
+        flag: 'https://flagcdn.com/w40/yt.png',
+        phoneLength: 9 // Same as Réunion (e.g., +262 639 12 34 56)
+    },
+    {
+        name: 'Seychelles',
+        native: 'Seychelles',
+        iso2: 'sc',
+        dialCode: '+248',
+        format: '+248 ## ###',
+        flag: 'https://flagcdn.com/w40/sc.png',
+        phoneLength: 7
+    },
+    {
+        name: 'Mauritius',
+        native: 'Maurice',
+        iso2: 'mu',
+        dialCode: '+230',
+        format: '+230 ## ### ###',
+        flag: 'https://flagcdn.com/w40/mu.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Rwanda',
+        native: 'Rwanda',
+        iso2: 'rw',
+        dialCode: '+250',
+        format: '+250 ## ### ###',
+        flag: 'https://flagcdn.com/w40/rw.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Burundi',
+        native: 'Burundi',
+        iso2: 'bi',
+        dialCode: '+257',
+        format: '+257 ## ### ###',
+        flag: 'https://flagcdn.com/w40/bi.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Cape Verde',
+        native: 'Cabo Verde',
+        iso2: 'cv',
+        dialCode: '+238',
+        format: '+238 ### ####',
+        flag: 'https://flagcdn.com/w40/cv.png',
+        phoneLength: 7
+    },
+    {
+        name: 'São Tomé and Príncipe',
+        native: 'São Tomé e Príncipe',
+        iso2: 'st',
+        dialCode: '+239',
+        format: '+239 ## #####',
+        flag: 'https://flagcdn.com/w40/st.png',
+        phoneLength: 7
+    },
+    {
+        name: 'Liberia',
+        native: 'Liberia',
+        iso2: 'lr',
+        dialCode: '+231',
+        format: '+231 ## ### ###',
+        flag: 'https://flagcdn.com/w40/lr.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Sierra Leone',
+        native: 'Sierra Leone',
+        iso2: 'sl',
+        dialCode: '+232',
+        format: '+232 ## ######',
+        flag: 'https://flagcdn.com/w40/sl.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Guinea',
+        native: 'Guinée',
+        iso2: 'gn',
+        dialCode: '+224',
+        format: '+224 ### ######',
+        flag: 'https://flagcdn.com/w40/gn.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Guinea-Bissau',
+        native: 'Guiné-Bissau',
+        iso2: 'gw',
+        dialCode: '+245',
+        format: '+245 ### ####',
+        flag: 'https://flagcdn.com/w40/gw.png',
+        phoneLength: 7
+    },
+    {
+        name: 'Equatorial Guinea',
+        native: 'Guinea Ecuatorial',
+        iso2: 'gq',
+        dialCode: '+240',
+        format: '+240 ## ### ####',
+        flag: 'https://flagcdn.com/w40/gq.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Gabon',
+        native: 'Gabon',
+        iso2: 'ga',
+        dialCode: '+241',
+        format: '+241 # ## ## ##',
+        flag: 'https://flagcdn.com/w40/ga.png',
+        phoneLength: 7
+    },
+    {
+        name: 'Central African Republic',
+        native: 'République centrafricaine',
+        iso2: 'cf',
+        dialCode: '+236',
+        format: '+236 ## ## ####',
+        flag: 'https://flagcdn.com/w40/cf.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Republic of the Congo',
+        native: 'Congo-Brazzaville',
+        iso2: 'cg',
+        dialCode: '+242',
+        format: '+242 ## ### ###',
+        flag: 'https://flagcdn.com/w40/cg.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Democratic Republic of the Congo',
+        native: 'Congo-Kinshasa',
+        iso2: 'cd',
+        dialCode: '+243',
+        format: '+243 ## ### ####',
+        flag: 'https://flagcdn.com/w40/cd.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Cameroon',
+        native: 'Cameroun',
+        iso2: 'cm',
+        dialCode: '+237',
+        format: '+237 #### ####',
+        flag: 'https://flagcdn.com/w40/cm.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Chad',
+        native: 'Tchad',
+        iso2: 'td',
+        dialCode: '+235',
+        format: '+235 ## ## ## ##',
+        flag: 'https://flagcdn.com/w40/td.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Niger',
+        native: 'Niger',
+        iso2: 'ne',
+        dialCode: '+227',
+        format: '+227 ## ## ####',
+        flag: 'https://flagcdn.com/w40/ne.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Mali',
+        native: 'Mali',
+        iso2: 'ml',
+        dialCode: '+223',
+        format: '+223 ## ## ####',
+        flag: 'https://flagcdn.com/w40/ml.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Burkina Faso',
+        native: 'Burkina Faso',
+        iso2: 'bf',
+        dialCode: '+226',
+        format: '+226 ## ## ####',
+        flag: 'https://flagcdn.com/w40/bf.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Togo',
+        native: 'Togo',
+        iso2: 'tg',
+        dialCode: '+228',
+        format: '+228 ## ### ###',
+        flag: 'https://flagcdn.com/w40/tg.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Benin',
+        native: 'Bénin',
+        iso2: 'bj',
+        dialCode: '+229',
+        format: '+229 ## ## ####',
+        flag: 'https://flagcdn.com/w40/bj.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Ivory Coast',
+        native: "Côte d'Ivoire",
+        iso2: 'ci',
+        dialCode: '+225',
+        format: '+225 ## ### ###',
+        flag: 'https://flagcdn.com/w40/ci.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Gambia',
+        native: 'Gambia',
+        iso2: 'gm',
+        dialCode: '+220',
+        format: '+220 ### ####',
+        flag: 'https://flagcdn.com/w40/gm.png',
+        phoneLength: 7
+    },
+    {
+        name: 'Mauritania',
+        native: 'Mauritanie',
+        iso2: 'mr',
+        dialCode: '+222',
+        format: '+222 ## ## ## ##',
+        flag: 'https://flagcdn.com/w40/mr.png',
+        phoneLength: 8
+    },
+    {
+        name: 'East Timor',
+        native: 'Timor-Leste',
+        iso2: 'tl',
+        dialCode: '+670',
+        format: '+670 ### ####',
+        flag: 'https://flagcdn.com/w40/tl.png',
+        phoneLength: 7
+    },
+    {
+        name: 'Palestine',
+        native: 'فلسطين',
+        iso2: 'ps',
+        dialCode: '+970',
+        format: '+970 ## ### ####',
+        flag: 'https://flagcdn.com/w40/ps.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Lebanon',
+        native: 'لبنان',
+        iso2: 'lb',
+        dialCode: '+961',
+        format: '+961 ## ### ###',
+        flag: 'https://flagcdn.com/w40/lb.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Syria',
+        native: 'سوريا',
+        iso2: 'sy',
+        dialCode: '+963',
+        format: '+963 ## ######',
+        flag: 'https://flagcdn.com/w40/sy.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Jordan',
+        native: 'الأردن',
+        iso2: 'jo',
+        dialCode: '+962',
+        format: '+962 # #### ####',
+        flag: 'https://flagcdn.com/w40/jo.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Yemen',
+        native: 'اليمن',
+        iso2: 'ye',
+        dialCode: '+967',
+        format: '+967 ### ### ###',
+        flag: 'https://flagcdn.com/w40/ye.png',
+        phoneLength: 9
+    },
+    {
+        name: 'Oman',
+        native: 'عُمان',
+        iso2: 'om',
+        dialCode: '+968',
+        format: '+968 ## ### ###',
+        flag: 'https://flagcdn.com/w40/om.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Qatar',
+        native: 'قطر',
+        iso2: 'qa',
+        dialCode: '+974',
+        format: '+974 #### ####',
+        flag: 'https://flagcdn.com/w40/qa.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Kuwait',
+        native: 'الكويت',
+        iso2: 'kw',
+        dialCode: '+965',
+        format: '+965 #### ####',
+        flag: 'https://flagcdn.com/w40/kw.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Bahrain',
+        native: 'البحرين',
+        iso2: 'bh',
+        dialCode: '+973',
+        format: '+973 #### ####',
+        flag: 'https://flagcdn.com/w40/bh.png',
+        phoneLength: 8
+    },
+    {
+        name: 'Israel',
+        native: 'ישראל',
+        iso2: 'il',
+        dialCode: '+972',
+        format: '+972 ## ### ####',
+        flag: 'https://flagcdn.com/w40/il.png',
+        phoneLength: 9
+    },
 ];
 
 class PhoneInputComponent {
     constructor(eRef) {
         this.eRef = eRef;
-        this.countriesList = countries;
+        this.countriesList = [...countries].sort((a, b) => a.name.localeCompare(b.name));
         this.searchTerm = '';
         this.defaultCountry = '';
         this.placeholder = '';
@@ -1271,8 +1917,10 @@ class PhoneInputComponent {
     }
     onSearchChange() {
         const term = this.searchTerm.toLowerCase();
-        this.countriesList = countries.filter(c => c.name.toLowerCase().includes(term) ||
-            (c.native?.toLowerCase().includes(term)));
+        this.countriesList = countries
+            .filter(c => c.name.toLowerCase().includes(term) ||
+            (c.native?.toLowerCase().includes(term)))
+            .sort((a, b) => a.name.localeCompare(b.name));
     }
     selectCountry(country) {
         this.selectedCountry = country;