sas-ui 0.8.186 → 0.8.188
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/sas-alert_26.cjs.entry.js +326 -128
- package/dist/collection/components/sas-input-tel/sas-input-tel.css +1256 -907
- package/dist/collection/components/sas-input-tel/sas-input-tel.js +4 -4
- package/dist/collection/libs/intl-tel-input/img/flags.png +0 -0
- package/dist/collection/libs/intl-tel-input/img/flags@2x.png +0 -0
- package/dist/collection/libs/intl-tel-input/js/utils.js +456 -446
- package/dist/custom-elements/index.js +326 -128
- package/dist/esm/sas-alert_26.entry.js +326 -128
- package/dist/sas-ui/libs/intl-tel-input/img/flags.png +0 -0
- package/dist/sas-ui/libs/intl-tel-input/img/flags@2x.png +0 -0
- package/dist/sas-ui/libs/intl-tel-input/js/utils.js +456 -446
- package/dist/sas-ui/{p-739a814b.entry.js → p-f3998602.entry.js} +1 -1
- package/dist/sas-ui/sas-ui.esm.js +1 -1
- package/package.json +2 -2
|
@@ -2089,7 +2089,7 @@ SasInput.style = sasInputCss;
|
|
|
2089
2089
|
|
|
2090
2090
|
var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
2091
2091
|
/*
|
|
2092
|
-
* International Telephone Input
|
|
2092
|
+
* International Telephone Input v18.2.1
|
|
2093
2093
|
* https://github.com/jackocnr/intl-tel-input.git
|
|
2094
2094
|
* Licensed under the MIT license
|
|
2095
2095
|
*/
|
|
@@ -2113,7 +2113,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2113
2113
|
// Order (if >1 country with same dial code),
|
|
2114
2114
|
// Area codes
|
|
2115
2115
|
// ]
|
|
2116
|
-
var allCountries = [ [ "Afghanistan (افغانستان)", "af", "93" ], [ "Albania (Shqipëri)", "al", "355" ], [ "Algeria (الجزائر)", "dz", "213" ], [ "American Samoa", "as", "1", 5, [ "684" ] ], [ "Andorra", "ad", "376" ], [ "Angola", "ao", "244" ], [ "Anguilla", "ai", "1", 6, [ "264" ] ], [ "Antigua and Barbuda", "ag", "1", 7, [ "268" ] ], [ "Argentina", "ar", "54" ], [ "Armenia (Հայաստան)", "am", "374" ], [ "Aruba", "aw", "297" ], [ "Ascension Island", "ac", "247" ], [ "Australia", "au", "61", 0 ], [ "Austria (Österreich)", "at", "43" ], [ "Azerbaijan (Azərbaycan)", "az", "994" ], [ "Bahamas", "bs", "1", 8, [ "242" ] ], [ "Bahrain (البحرين)", "bh", "973" ], [ "Bangladesh (বাংলাদেশ)", "bd", "880" ], [ "Barbados", "bb", "1", 9, [ "246" ] ], [ "Belarus (Беларусь)", "by", "375" ], [ "Belgium (België)", "be", "32" ], [ "Belize", "bz", "501" ], [ "Benin (Bénin)", "bj", "229" ], [ "Bermuda", "bm", "1", 10, [ "441" ] ], [ "Bhutan (འབྲུག)", "bt", "975" ], [ "Bolivia", "bo", "591" ], [ "Bosnia and Herzegovina (Босна и Херцеговина)", "ba", "387" ], [ "Botswana", "bw", "267" ], [ "Brazil (Brasil)", "br", "55" ], [ "British Indian Ocean Territory", "io", "246" ], [ "British Virgin Islands", "vg", "1", 11, [ "284" ] ], [ "Brunei", "bn", "673" ], [ "Bulgaria (България)", "bg", "359" ], [ "Burkina Faso", "bf", "226" ], [ "Burundi (Uburundi)", "bi", "257" ], [ "Cambodia (កម្ពុជា)", "kh", "855" ], [ "Cameroon (Cameroun)", "cm", "237" ], [ "Canada", "ca", "1", 1, [ "204", "226", "236", "249", "250", "289", "306", "343", "365", "387", "403", "416", "418", "431", "437", "438", "450", "506", "514", "519", "548", "579", "581", "587", "604", "613", "639", "647", "672", "705", "709", "742", "778", "780", "782", "807", "819", "825", "867", "873", "902", "905" ] ], [ "Cape Verde (Kabu Verdi)", "cv", "238" ], [ "Caribbean Netherlands", "bq", "599", 1, [ "3", "4", "7" ] ], [ "Cayman Islands", "ky", "1", 12, [ "345" ] ], [ "Central African Republic (République centrafricaine)", "cf", "236" ], [ "Chad (Tchad)", "td", "235" ], [ "Chile", "cl", "56" ], [ "China (中国)", "cn", "86" ], [ "Christmas Island", "cx", "61", 2, [ "89164" ] ], [ "Cocos (Keeling) Islands", "cc", "61", 1, [ "89162" ] ], [ "Colombia", "co", "57" ], [ "Comoros (جزر القمر)", "km", "269" ], [ "Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)", "cd", "243" ], [ "Congo (Republic) (Congo-Brazzaville)", "cg", "242" ], [ "Cook Islands", "ck", "682" ], [ "Costa Rica", "cr", "506" ], [ "Côte d’Ivoire", "ci", "225" ], [ "Croatia (Hrvatska)", "hr", "385" ], [ "Cuba", "cu", "53" ], [ "Curaçao", "cw", "599", 0 ], [ "Cyprus (Κύπρος)", "cy", "357" ], [ "Czech Republic (Česká republika)", "cz", "420" ], [ "Denmark (Danmark)", "dk", "45" ], [ "Djibouti", "dj", "253" ], [ "Dominica", "dm", "1", 13, [ "767" ] ], [ "Dominican Republic (República Dominicana)", "do", "1", 2, [ "809", "829", "849" ] ], [ "Ecuador", "ec", "593" ], [ "Egypt (مصر)", "eg", "20" ], [ "El Salvador", "sv", "503" ], [ "Equatorial Guinea (Guinea Ecuatorial)", "gq", "240" ], [ "Eritrea", "er", "291" ], [ "Estonia (Eesti)", "ee", "372" ], [ "Eswatini", "sz", "268" ], [ "Ethiopia", "et", "251" ], [ "Falkland Islands (Islas Malvinas)", "fk", "500" ], [ "Faroe Islands (Føroyar)", "fo", "298" ], [ "Fiji", "fj", "679" ], [ "Finland (Suomi)", "fi", "358", 0 ], [ "France", "fr", "33" ], [ "French Guiana (Guyane française)", "gf", "594" ], [ "French Polynesia (Polynésie française)", "pf", "689" ], [ "Gabon", "ga", "241" ], [ "Gambia", "gm", "220" ], [ "Georgia (საქართველო)", "ge", "995" ], [ "Germany (Deutschland)", "de", "49" ], [ "Ghana (Gaana)", "gh", "233" ], [ "Gibraltar", "gi", "350" ], [ "Greece (Ελλάδα)", "gr", "30" ], [ "Greenland (Kalaallit Nunaat)", "gl", "299" ], [ "Grenada", "gd", "1", 14, [ "473" ] ], [ "Guadeloupe", "gp", "590", 0 ], [ "Guam", "gu", "1", 15, [ "671" ] ], [ "Guatemala", "gt", "502" ], [ "Guernsey", "gg", "44", 1, [ "1481", "7781", "7839", "7911" ] ], [ "Guinea (Guinée)", "gn", "224" ], [ "Guinea-Bissau (Guiné Bissau)", "gw", "245" ], [ "Guyana", "gy", "592" ], [ "Haiti", "ht", "509" ], [ "Honduras", "hn", "504" ], [ "Hong Kong (香港)", "hk", "852" ], [ "Hungary (Magyarország)", "hu", "36" ], [ "Iceland (Ísland)", "is", "354" ], [ "India (भारत)", "in", "91" ], [ "Indonesia", "id", "62" ], [ "Iran (ایران)", "ir", "98" ], [ "Iraq (العراق)", "iq", "964" ], [ "Ireland", "ie", "353" ], [ "Isle of Man", "im", "44", 2, [ "1624", "74576", "7524", "7924", "7624" ] ], [ "Israel (ישראל)", "il", "972" ], [ "Italy (Italia)", "it", "39", 0 ], [ "Jamaica", "jm", "1", 4, [ "876", "658" ] ], [ "Japan (日本)", "jp", "81" ], [ "Jersey", "je", "44", 3, [ "1534", "7509", "7700", "7797", "7829", "7937" ] ], [ "Jordan (الأردن)", "jo", "962" ], [ "Kazakhstan (Казахстан)", "kz", "7", 1, [ "33", "7" ] ], [ "Kenya", "ke", "254" ], [ "Kiribati", "ki", "686" ], [ "Kosovo", "xk", "383" ], [ "Kuwait (الكويت)", "kw", "965" ], [ "Kyrgyzstan (Кыргызстан)", "kg", "996" ], [ "Laos (ລາວ)", "la", "856" ], [ "Latvia (Latvija)", "lv", "371" ], [ "Lebanon (لبنان)", "lb", "961" ], [ "Lesotho", "ls", "266" ], [ "Liberia", "lr", "231" ], [ "Libya (ليبيا)", "ly", "218" ], [ "Liechtenstein", "li", "423" ], [ "Lithuania (Lietuva)", "lt", "370" ], [ "Luxembourg", "lu", "352" ], [ "Macau (澳門)", "mo", "853" ], [ "
|
|
2116
|
+
var allCountries = [ [ "Afghanistan (افغانستان)", "af", "93" ], [ "Albania (Shqipëri)", "al", "355" ], [ "Algeria (الجزائر)", "dz", "213" ], [ "American Samoa", "as", "1", 5, [ "684" ] ], [ "Andorra", "ad", "376" ], [ "Angola", "ao", "244" ], [ "Anguilla", "ai", "1", 6, [ "264" ] ], [ "Antigua and Barbuda", "ag", "1", 7, [ "268" ] ], [ "Argentina", "ar", "54" ], [ "Armenia (Հայաստան)", "am", "374" ], [ "Aruba", "aw", "297" ], [ "Ascension Island", "ac", "247" ], [ "Australia", "au", "61", 0 ], [ "Austria (Österreich)", "at", "43" ], [ "Azerbaijan (Azərbaycan)", "az", "994" ], [ "Bahamas", "bs", "1", 8, [ "242" ] ], [ "Bahrain (البحرين)", "bh", "973" ], [ "Bangladesh (বাংলাদেশ)", "bd", "880" ], [ "Barbados", "bb", "1", 9, [ "246" ] ], [ "Belarus (Беларусь)", "by", "375" ], [ "Belgium (België)", "be", "32" ], [ "Belize", "bz", "501" ], [ "Benin (Bénin)", "bj", "229" ], [ "Bermuda", "bm", "1", 10, [ "441" ] ], [ "Bhutan (འབྲུག)", "bt", "975" ], [ "Bolivia", "bo", "591" ], [ "Bosnia and Herzegovina (Босна и Херцеговина)", "ba", "387" ], [ "Botswana", "bw", "267" ], [ "Brazil (Brasil)", "br", "55" ], [ "British Indian Ocean Territory", "io", "246" ], [ "British Virgin Islands", "vg", "1", 11, [ "284" ] ], [ "Brunei", "bn", "673" ], [ "Bulgaria (България)", "bg", "359" ], [ "Burkina Faso", "bf", "226" ], [ "Burundi (Uburundi)", "bi", "257" ], [ "Cambodia (កម្ពុជា)", "kh", "855" ], [ "Cameroon (Cameroun)", "cm", "237" ], [ "Canada", "ca", "1", 1, [ "204", "226", "236", "249", "250", "263", "289", "306", "343", "354", "365", "367", "368", "382", "387", "403", "416", "418", "428", "431", "437", "438", "450", "584", "468", "474", "506", "514", "519", "548", "579", "581", "584", "587", "604", "613", "639", "647", "672", "683", "705", "709", "742", "753", "778", "780", "782", "807", "819", "825", "867", "873", "902", "905" ] ], [ "Cape Verde (Kabu Verdi)", "cv", "238" ], [ "Caribbean Netherlands", "bq", "599", 1, [ "3", "4", "7" ] ], [ "Cayman Islands", "ky", "1", 12, [ "345" ] ], [ "Central African Republic (République centrafricaine)", "cf", "236" ], [ "Chad (Tchad)", "td", "235" ], [ "Chile", "cl", "56" ], [ "China (中国)", "cn", "86" ], [ "Christmas Island", "cx", "61", 2, [ "89164" ] ], [ "Cocos (Keeling) Islands", "cc", "61", 1, [ "89162" ] ], [ "Colombia", "co", "57" ], [ "Comoros (جزر القمر)", "km", "269" ], [ "Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)", "cd", "243" ], [ "Congo (Republic) (Congo-Brazzaville)", "cg", "242" ], [ "Cook Islands", "ck", "682" ], [ "Costa Rica", "cr", "506" ], [ "Côte d’Ivoire", "ci", "225" ], [ "Croatia (Hrvatska)", "hr", "385" ], [ "Cuba", "cu", "53" ], [ "Curaçao", "cw", "599", 0 ], [ "Cyprus (Κύπρος)", "cy", "357" ], [ "Czech Republic (Česká republika)", "cz", "420" ], [ "Denmark (Danmark)", "dk", "45" ], [ "Djibouti", "dj", "253" ], [ "Dominica", "dm", "1", 13, [ "767" ] ], [ "Dominican Republic (República Dominicana)", "do", "1", 2, [ "809", "829", "849" ] ], [ "Ecuador", "ec", "593" ], [ "Egypt (مصر)", "eg", "20" ], [ "El Salvador", "sv", "503" ], [ "Equatorial Guinea (Guinea Ecuatorial)", "gq", "240" ], [ "Eritrea", "er", "291" ], [ "Estonia (Eesti)", "ee", "372" ], [ "Eswatini", "sz", "268" ], [ "Ethiopia", "et", "251" ], [ "Falkland Islands (Islas Malvinas)", "fk", "500" ], [ "Faroe Islands (Føroyar)", "fo", "298" ], [ "Fiji", "fj", "679" ], [ "Finland (Suomi)", "fi", "358", 0 ], [ "France", "fr", "33" ], [ "French Guiana (Guyane française)", "gf", "594" ], [ "French Polynesia (Polynésie française)", "pf", "689" ], [ "Gabon", "ga", "241" ], [ "Gambia", "gm", "220" ], [ "Georgia (საქართველო)", "ge", "995" ], [ "Germany (Deutschland)", "de", "49" ], [ "Ghana (Gaana)", "gh", "233" ], [ "Gibraltar", "gi", "350" ], [ "Greece (Ελλάδα)", "gr", "30" ], [ "Greenland (Kalaallit Nunaat)", "gl", "299" ], [ "Grenada", "gd", "1", 14, [ "473" ] ], [ "Guadeloupe", "gp", "590", 0 ], [ "Guam", "gu", "1", 15, [ "671" ] ], [ "Guatemala", "gt", "502" ], [ "Guernsey", "gg", "44", 1, [ "1481", "7781", "7839", "7911" ] ], [ "Guinea (Guinée)", "gn", "224" ], [ "Guinea-Bissau (Guiné Bissau)", "gw", "245" ], [ "Guyana", "gy", "592" ], [ "Haiti", "ht", "509" ], [ "Honduras", "hn", "504" ], [ "Hong Kong (香港)", "hk", "852" ], [ "Hungary (Magyarország)", "hu", "36" ], [ "Iceland (Ísland)", "is", "354" ], [ "India (भारत)", "in", "91" ], [ "Indonesia", "id", "62" ], [ "Iran (ایران)", "ir", "98" ], [ "Iraq (العراق)", "iq", "964" ], [ "Ireland", "ie", "353" ], [ "Isle of Man", "im", "44", 2, [ "1624", "74576", "7524", "7924", "7624" ] ], [ "Israel (ישראל)", "il", "972" ], [ "Italy (Italia)", "it", "39", 0 ], [ "Jamaica", "jm", "1", 4, [ "876", "658" ] ], [ "Japan (日本)", "jp", "81" ], [ "Jersey", "je", "44", 3, [ "1534", "7509", "7700", "7797", "7829", "7937" ] ], [ "Jordan (الأردن)", "jo", "962" ], [ "Kazakhstan (Казахстан)", "kz", "7", 1, [ "33", "7" ] ], [ "Kenya", "ke", "254" ], [ "Kiribati", "ki", "686" ], [ "Kosovo", "xk", "383" ], [ "Kuwait (الكويت)", "kw", "965" ], [ "Kyrgyzstan (Кыргызстан)", "kg", "996" ], [ "Laos (ລາວ)", "la", "856" ], [ "Latvia (Latvija)", "lv", "371" ], [ "Lebanon (لبنان)", "lb", "961" ], [ "Lesotho", "ls", "266" ], [ "Liberia", "lr", "231" ], [ "Libya (ليبيا)", "ly", "218" ], [ "Liechtenstein", "li", "423" ], [ "Lithuania (Lietuva)", "lt", "370" ], [ "Luxembourg", "lu", "352" ], [ "Macau (澳門)", "mo", "853" ], [ "Madagascar (Madagasikara)", "mg", "261" ], [ "Malawi", "mw", "265" ], [ "Malaysia", "my", "60" ], [ "Maldives", "mv", "960" ], [ "Mali", "ml", "223" ], [ "Malta", "mt", "356" ], [ "Marshall Islands", "mh", "692" ], [ "Martinique", "mq", "596" ], [ "Mauritania (موريتانيا)", "mr", "222" ], [ "Mauritius (Moris)", "mu", "230" ], [ "Mayotte", "yt", "262", 1, [ "269", "639" ] ], [ "Mexico (México)", "mx", "52" ], [ "Micronesia", "fm", "691" ], [ "Moldova (Republica Moldova)", "md", "373" ], [ "Monaco", "mc", "377" ], [ "Mongolia (Монгол)", "mn", "976" ], [ "Montenegro (Crna Gora)", "me", "382" ], [ "Montserrat", "ms", "1", 16, [ "664" ] ], [ "Morocco (المغرب)", "ma", "212", 0 ], [ "Mozambique (Moçambique)", "mz", "258" ], [ "Myanmar (Burma) (မြန်မာ)", "mm", "95" ], [ "Namibia (Namibië)", "na", "264" ], [ "Nauru", "nr", "674" ], [ "Nepal (नेपाल)", "np", "977" ], [ "Netherlands (Nederland)", "nl", "31" ], [ "New Caledonia (Nouvelle-Calédonie)", "nc", "687" ], [ "New Zealand", "nz", "64" ], [ "Nicaragua", "ni", "505" ], [ "Niger (Nijar)", "ne", "227" ], [ "Nigeria", "ng", "234" ], [ "Niue", "nu", "683" ], [ "Norfolk Island", "nf", "672" ], [ "North Korea (조선 민주주의 인민 공화국)", "kp", "850" ], [ "North Macedonia (Северна Македонија)", "mk", "389" ], [ "Northern Mariana Islands", "mp", "1", 17, [ "670" ] ], [ "Norway (Norge)", "no", "47", 0 ], [ "Oman (عُمان)", "om", "968" ], [ "Pakistan (پاکستان)", "pk", "92" ], [ "Palau", "pw", "680" ], [ "Palestine (فلسطين)", "ps", "970" ], [ "Panama (Panamá)", "pa", "507" ], [ "Papua New Guinea", "pg", "675" ], [ "Paraguay", "py", "595" ], [ "Peru (Perú)", "pe", "51" ], [ "Philippines", "ph", "63" ], [ "Poland (Polska)", "pl", "48" ], [ "Portugal", "pt", "351" ], [ "Puerto Rico", "pr", "1", 3, [ "787", "939" ] ], [ "Qatar (قطر)", "qa", "974" ], [ "Réunion (La Réunion)", "re", "262", 0 ], [ "Romania (România)", "ro", "40" ], [ "Russia (Россия)", "ru", "7", 0 ], [ "Rwanda", "rw", "250" ], [ "Saint Barthélemy", "bl", "590", 1 ], [ "Saint Helena", "sh", "290" ], [ "Saint Kitts and Nevis", "kn", "1", 18, [ "869" ] ], [ "Saint Lucia", "lc", "1", 19, [ "758" ] ], [ "Saint Martin (Saint-Martin (partie française))", "mf", "590", 2 ], [ "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)", "pm", "508" ], [ "Saint Vincent and the Grenadines", "vc", "1", 20, [ "784" ] ], [ "Samoa", "ws", "685" ], [ "San Marino", "sm", "378" ], [ "São Tomé and Príncipe (São Tomé e Príncipe)", "st", "239" ], [ "Saudi Arabia (المملكة العربية السعودية)", "sa", "966" ], [ "Senegal (Sénégal)", "sn", "221" ], [ "Serbia (Србија)", "rs", "381" ], [ "Seychelles", "sc", "248" ], [ "Sierra Leone", "sl", "232" ], [ "Singapore", "sg", "65" ], [ "Sint Maarten", "sx", "1", 21, [ "721" ] ], [ "Slovakia (Slovensko)", "sk", "421" ], [ "Slovenia (Slovenija)", "si", "386" ], [ "Solomon Islands", "sb", "677" ], [ "Somalia (Soomaaliya)", "so", "252" ], [ "South Africa", "za", "27" ], [ "South Korea (대한민국)", "kr", "82" ], [ "South Sudan (جنوب السودان)", "ss", "211" ], [ "Spain (España)", "es", "34" ], [ "Sri Lanka (ශ්රී ලංකාව)", "lk", "94" ], [ "Sudan (السودان)", "sd", "249" ], [ "Suriname", "sr", "597" ], [ "Svalbard and Jan Mayen", "sj", "47", 1, [ "79" ] ], [ "Sweden (Sverige)", "se", "46" ], [ "Switzerland (Schweiz)", "ch", "41" ], [ "Syria (سوريا)", "sy", "963" ], [ "Taiwan (台灣)", "tw", "886" ], [ "Tajikistan", "tj", "992" ], [ "Tanzania", "tz", "255" ], [ "Thailand (ไทย)", "th", "66" ], [ "Timor-Leste", "tl", "670" ], [ "Togo", "tg", "228" ], [ "Tokelau", "tk", "690" ], [ "Tonga", "to", "676" ], [ "Trinidad and Tobago", "tt", "1", 22, [ "868" ] ], [ "Tunisia (تونس)", "tn", "216" ], [ "Turkey (Türkiye)", "tr", "90" ], [ "Turkmenistan", "tm", "993" ], [ "Turks and Caicos Islands", "tc", "1", 23, [ "649" ] ], [ "Tuvalu", "tv", "688" ], [ "U.S. Virgin Islands", "vi", "1", 24, [ "340" ] ], [ "Uganda", "ug", "256" ], [ "Ukraine (Україна)", "ua", "380" ], [ "United Arab Emirates (الإمارات العربية المتحدة)", "ae", "971" ], [ "United Kingdom", "gb", "44", 0 ], [ "United States", "us", "1", 0 ], [ "Uruguay", "uy", "598" ], [ "Uzbekistan (Oʻzbekiston)", "uz", "998" ], [ "Vanuatu", "vu", "678" ], [ "Vatican City (Città del Vaticano)", "va", "39", 1, [ "06698" ] ], [ "Venezuela", "ve", "58" ], [ "Vietnam (Việt Nam)", "vn", "84" ], [ "Wallis and Futuna (Wallis-et-Futuna)", "wf", "681" ], [ "Western Sahara (الصحراء الغربية)", "eh", "212", 1, [ "5288", "5289" ] ], [ "Yemen (اليمن)", "ye", "967" ], [ "Zambia", "zm", "260" ], [ "Zimbabwe", "zw", "263" ], [ "Åland Islands", "ax", "358", 1, [ "18" ] ] ];
|
|
2117
2117
|
// loop over all of the countries above, restructuring the data to be objects with named keys
|
|
2118
2118
|
for (var i = 0; i < allCountries.length; i++) {
|
|
2119
2119
|
var c = allCountries[i];
|
|
@@ -2125,6 +2125,35 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2125
2125
|
areaCodes: c[4] || null
|
|
2126
2126
|
};
|
|
2127
2127
|
}
|
|
2128
|
+
function _objectSpread(target) {
|
|
2129
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
2130
|
+
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
2131
|
+
var ownKeys = Object.keys(source);
|
|
2132
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
2133
|
+
ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
2134
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
2135
|
+
}));
|
|
2136
|
+
}
|
|
2137
|
+
ownKeys.forEach(function(key) {
|
|
2138
|
+
_defineProperty(target, key, source[key]);
|
|
2139
|
+
});
|
|
2140
|
+
}
|
|
2141
|
+
return target;
|
|
2142
|
+
}
|
|
2143
|
+
function _defineProperty(obj, key, value) {
|
|
2144
|
+
key = _toPropertyKey(key);
|
|
2145
|
+
if (key in obj) {
|
|
2146
|
+
Object.defineProperty(obj, key, {
|
|
2147
|
+
value: value,
|
|
2148
|
+
enumerable: true,
|
|
2149
|
+
configurable: true,
|
|
2150
|
+
writable: true
|
|
2151
|
+
});
|
|
2152
|
+
} else {
|
|
2153
|
+
obj[key] = value;
|
|
2154
|
+
}
|
|
2155
|
+
return obj;
|
|
2156
|
+
}
|
|
2128
2157
|
function _classCallCheck(instance, Constructor) {
|
|
2129
2158
|
if (!(instance instanceof Constructor)) {
|
|
2130
2159
|
throw new TypeError("Cannot call a class as a function");
|
|
@@ -2136,14 +2165,31 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2136
2165
|
descriptor.enumerable = descriptor.enumerable || false;
|
|
2137
2166
|
descriptor.configurable = true;
|
|
2138
2167
|
if ("value" in descriptor) descriptor.writable = true;
|
|
2139
|
-
Object.defineProperty(target, descriptor.key, descriptor);
|
|
2168
|
+
Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
|
|
2140
2169
|
}
|
|
2141
2170
|
}
|
|
2142
2171
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
2143
2172
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
2144
2173
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
2174
|
+
Object.defineProperty(Constructor, "prototype", {
|
|
2175
|
+
writable: false
|
|
2176
|
+
});
|
|
2145
2177
|
return Constructor;
|
|
2146
2178
|
}
|
|
2179
|
+
function _toPropertyKey(arg) {
|
|
2180
|
+
var key = _toPrimitive(arg, "string");
|
|
2181
|
+
return typeof key === "symbol" ? key : String(key);
|
|
2182
|
+
}
|
|
2183
|
+
function _toPrimitive(input, hint) {
|
|
2184
|
+
if (typeof input !== "object" || input === null) return input;
|
|
2185
|
+
var prim = input[Symbol.toPrimitive];
|
|
2186
|
+
if (prim !== undefined$1) {
|
|
2187
|
+
var res = prim.call(input, hint || "default");
|
|
2188
|
+
if (typeof res !== "object") return res;
|
|
2189
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
2190
|
+
}
|
|
2191
|
+
return (hint === "string" ? String : Number)(input);
|
|
2192
|
+
}
|
|
2147
2193
|
var intlTelInputGlobals = {
|
|
2148
2194
|
getInstance: function getInstance(input) {
|
|
2149
2195
|
var id = input.getAttribute("data-intl-tel-input-id");
|
|
@@ -2155,14 +2201,17 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2155
2201
|
return document.readyState === "complete";
|
|
2156
2202
|
}
|
|
2157
2203
|
};
|
|
2158
|
-
if (typeof window === "object")
|
|
2204
|
+
if (typeof window === "object") {
|
|
2205
|
+
window.intlTelInputGlobals = intlTelInputGlobals;
|
|
2206
|
+
}
|
|
2159
2207
|
// these vars persist through all instances of the plugin
|
|
2160
2208
|
var id = 0;
|
|
2161
2209
|
var defaults = {
|
|
2162
2210
|
// whether or not to allow the dropdown
|
|
2163
2211
|
allowDropdown: true,
|
|
2164
|
-
//
|
|
2165
|
-
|
|
2212
|
+
// auto insert dial code (A) on init, (B) on user selecting a country, (C) on calling setCountry
|
|
2213
|
+
// also listen for blur/submit and auto remove dial code if that's all there is
|
|
2214
|
+
autoInsertDialCode: false,
|
|
2166
2215
|
// add a placeholder in the input with an example number for the selected country
|
|
2167
2216
|
autoPlaceholder: "polite",
|
|
2168
2217
|
// modify the parentClass
|
|
@@ -2183,7 +2232,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2183
2232
|
initialCountry: "",
|
|
2184
2233
|
// localized country names e.g. { 'de': 'Deutschland' }
|
|
2185
2234
|
localizedCountries: null,
|
|
2186
|
-
//
|
|
2235
|
+
// national vs international formatting for numbers e.g. placeholders and displaying existing numbers
|
|
2187
2236
|
nationalMode: true,
|
|
2188
2237
|
// display only these countries
|
|
2189
2238
|
onlyCountries: [],
|
|
@@ -2191,8 +2240,10 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2191
2240
|
placeholderNumberType: "MOBILE",
|
|
2192
2241
|
// the countries at the top of the list. defaults to united states and united kingdom
|
|
2193
2242
|
preferredCountries: [ "us", "gb" ],
|
|
2194
|
-
// display the country dial code next to the selected flag
|
|
2243
|
+
// display the country dial code next to the selected flag
|
|
2195
2244
|
separateDialCode: false,
|
|
2245
|
+
// option to hide the flags - must be used with separateDialCode, or allowDropdown=false
|
|
2246
|
+
showFlags: true,
|
|
2196
2247
|
// specify the path to the libphonenumber script to enable validation/formatting
|
|
2197
2248
|
utilsScript: ""
|
|
2198
2249
|
};
|
|
@@ -2214,8 +2265,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2214
2265
|
};
|
|
2215
2266
|
// this is our plugin class that we will create an instance of
|
|
2216
2267
|
// eslint-disable-next-line no-unused-vars
|
|
2217
|
-
var Iti = /*#__PURE__*/
|
|
2218
|
-
function() {
|
|
2268
|
+
var Iti = /*#__PURE__*/ function() {
|
|
2219
2269
|
function Iti(input, options) {
|
|
2220
2270
|
var _this = this;
|
|
2221
2271
|
_classCallCheck(this, Iti);
|
|
@@ -2236,13 +2286,19 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2236
2286
|
key: "_init",
|
|
2237
2287
|
value: function _init() {
|
|
2238
2288
|
var _this2 = this;
|
|
2239
|
-
// if in nationalMode,
|
|
2240
|
-
if (this.options.nationalMode)
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
//
|
|
2289
|
+
// if in nationalMode, do not insert dial codes
|
|
2290
|
+
if (this.options.nationalMode) {
|
|
2291
|
+
this.options.autoInsertDialCode = false;
|
|
2292
|
+
}
|
|
2293
|
+
// if separateDialCode enabled, do not insert dial codes
|
|
2244
2294
|
if (this.options.separateDialCode) {
|
|
2245
|
-
this.options.
|
|
2295
|
+
this.options.autoInsertDialCode = false;
|
|
2296
|
+
}
|
|
2297
|
+
// force showFlags=true if there's a dropdown and we're not displaying the dial code,
|
|
2298
|
+
// as otherwise you just have a down arrow on it's own which doesn't make sense
|
|
2299
|
+
var forceShowFlags = this.options.allowDropdown && !this.options.separateDialCode;
|
|
2300
|
+
if (!this.options.showFlags && forceShowFlags) {
|
|
2301
|
+
this.options.showFlags = true;
|
|
2246
2302
|
}
|
|
2247
2303
|
// we cannot just test screen size as some smartphones/website meta tags will report desktop
|
|
2248
2304
|
// resolutions
|
|
@@ -2254,8 +2310,12 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2254
2310
|
// trigger the mobile dropdown css
|
|
2255
2311
|
document.body.classList.add("iti-mobile");
|
|
2256
2312
|
// on mobile, we want a full screen dropdown, so we must append it to the body
|
|
2257
|
-
if (!this.options.dropdownContainer)
|
|
2313
|
+
if (!this.options.dropdownContainer) {
|
|
2314
|
+
this.options.dropdownContainer = document.body;
|
|
2315
|
+
}
|
|
2258
2316
|
}
|
|
2317
|
+
// check if input has one parent with RTL
|
|
2318
|
+
this.isRTL = !!this.telInput.closest("[dir=rtl]");
|
|
2259
2319
|
// these promises get resolved when their individual requests complete
|
|
2260
2320
|
// this way the dev can do something like iti.promise.then(...) to know when all requests are
|
|
2261
2321
|
// complete
|
|
@@ -2283,7 +2343,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2283
2343
|
this._generateMarkup();
|
|
2284
2344
|
// set the initial state of the input value and the selected flag
|
|
2285
2345
|
this._setInitialState();
|
|
2286
|
-
// start all of the event listeners:
|
|
2346
|
+
// start all of the event listeners: autoInsertDialCode, input keydown, selectedFlag click
|
|
2287
2347
|
this._initListeners();
|
|
2288
2348
|
// utils script, and auto country
|
|
2289
2349
|
this._initRequests();
|
|
@@ -2298,7 +2358,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2298
2358
|
// process the preferredCountries
|
|
2299
2359
|
this._processPreferredCountries();
|
|
2300
2360
|
// translate countries according to localizedCountries option
|
|
2301
|
-
if (this.options.localizedCountries)
|
|
2361
|
+
if (this.options.localizedCountries) {
|
|
2362
|
+
this._translateCountriesByLocale();
|
|
2363
|
+
}
|
|
2302
2364
|
// sort countries by name
|
|
2303
2365
|
if (this.options.onlyCountries.length || this.options.localizedCountries) {
|
|
2304
2366
|
this.countries.sort(this._countryNameSort);
|
|
@@ -2315,7 +2377,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2315
2377
|
}
|
|
2316
2378
|
// bail if we already have this country for this countryCode
|
|
2317
2379
|
for (var i = 0; i < this.countryCodes[countryCode].length; i++) {
|
|
2318
|
-
if (this.countryCodes[countryCode][i] === iso2)
|
|
2380
|
+
if (this.countryCodes[countryCode][i] === iso2) {
|
|
2381
|
+
return;
|
|
2382
|
+
}
|
|
2319
2383
|
}
|
|
2320
2384
|
// check for undefined as 0 is falsy
|
|
2321
2385
|
var index = priority !== undefined$1 ? priority : this.countryCodes[countryCode].length;
|
|
@@ -2355,7 +2419,13 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2355
2419
|
}, {
|
|
2356
2420
|
key: "_countryNameSort",
|
|
2357
2421
|
value: function _countryNameSort(a, b) {
|
|
2358
|
-
|
|
2422
|
+
if (a.name < b.name) {
|
|
2423
|
+
return -1;
|
|
2424
|
+
}
|
|
2425
|
+
if (a.name > b.name) {
|
|
2426
|
+
return 1;
|
|
2427
|
+
}
|
|
2428
|
+
return 0;
|
|
2359
2429
|
}
|
|
2360
2430
|
}, {
|
|
2361
2431
|
key: "_processCountryCodes",
|
|
@@ -2368,7 +2438,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2368
2438
|
// first: add dial codes
|
|
2369
2439
|
for (var i = 0; i < this.countries.length; i++) {
|
|
2370
2440
|
var c = this.countries[i];
|
|
2371
|
-
if (!this.dialCodes[c.dialCode])
|
|
2441
|
+
if (!this.dialCodes[c.dialCode]) {
|
|
2442
|
+
this.dialCodes[c.dialCode] = true;
|
|
2443
|
+
}
|
|
2372
2444
|
this._addCountryCode(c.iso2, c.dialCode, c.priority);
|
|
2373
2445
|
}
|
|
2374
2446
|
// next: add area codes
|
|
@@ -2403,17 +2475,23 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2403
2475
|
for (var i = 0; i < this.options.preferredCountries.length; i++) {
|
|
2404
2476
|
var countryCode = this.options.preferredCountries[i].toLowerCase();
|
|
2405
2477
|
var countryData = this._getCountryData(countryCode, false, true);
|
|
2406
|
-
if (countryData)
|
|
2478
|
+
if (countryData) {
|
|
2479
|
+
this.preferredCountries.push(countryData);
|
|
2480
|
+
}
|
|
2407
2481
|
}
|
|
2408
2482
|
}
|
|
2409
2483
|
}, {
|
|
2410
2484
|
key: "_createEl",
|
|
2411
2485
|
value: function _createEl(name, attrs, container) {
|
|
2412
2486
|
var el = document.createElement(name);
|
|
2413
|
-
if (attrs)
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2487
|
+
if (attrs) {
|
|
2488
|
+
forEachProp(attrs, function(key, value) {
|
|
2489
|
+
return el.setAttribute(key, value);
|
|
2490
|
+
});
|
|
2491
|
+
}
|
|
2492
|
+
if (container) {
|
|
2493
|
+
container.appendChild(el);
|
|
2494
|
+
}
|
|
2417
2495
|
return el;
|
|
2418
2496
|
}
|
|
2419
2497
|
}, {
|
|
@@ -2422,45 +2500,69 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2422
2500
|
// if autocomplete does not exist on the element and its form, then
|
|
2423
2501
|
// prevent autocomplete as there's no safe, cross-browser event we can react to, so it can
|
|
2424
2502
|
// easily put the plugin in an inconsistent state e.g. the wrong flag selected for the
|
|
2425
|
-
// autocompleted number, which on submit could mean wrong number is saved
|
|
2503
|
+
// autocompleted number, which on submit could mean wrong number is saved
|
|
2426
2504
|
if (!this.telInput.hasAttribute("autocomplete") && !(this.telInput.form && this.telInput.form.hasAttribute("autocomplete"))) {
|
|
2427
2505
|
this.telInput.setAttribute("autocomplete", "off");
|
|
2428
2506
|
}
|
|
2507
|
+
var _this$options = this.options, allowDropdown = _this$options.allowDropdown, separateDialCode = _this$options.separateDialCode, showFlags = _this$options.showFlags, customContainer = _this$options.customContainer, hiddenInput = _this$options.hiddenInput, dropdownContainer = _this$options.dropdownContainer;
|
|
2429
2508
|
// containers (mostly for positioning)
|
|
2430
2509
|
var parentClass = "iti";
|
|
2431
|
-
if (
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
parentClass +=
|
|
2510
|
+
if (allowDropdown) {
|
|
2511
|
+
parentClass += " iti--allow-dropdown";
|
|
2512
|
+
}
|
|
2513
|
+
if (separateDialCode) {
|
|
2514
|
+
parentClass += " iti--separate-dial-code";
|
|
2515
|
+
}
|
|
2516
|
+
if (showFlags) {
|
|
2517
|
+
parentClass += " iti--show-flags";
|
|
2518
|
+
}
|
|
2519
|
+
if (customContainer) {
|
|
2520
|
+
parentClass += " ".concat(customContainer);
|
|
2436
2521
|
}
|
|
2437
2522
|
var wrapper = this._createEl("div", {
|
|
2438
2523
|
"class": parentClass
|
|
2439
2524
|
});
|
|
2440
2525
|
this.telInput.parentNode.insertBefore(wrapper, this.telInput);
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2526
|
+
// only hide the flagsContainer if allowDropdown, showFlags and separateDialCode are all false
|
|
2527
|
+
var showFlagsContainer = allowDropdown || showFlags || separateDialCode;
|
|
2528
|
+
if (showFlagsContainer) {
|
|
2529
|
+
this.flagsContainer = this._createEl("div", {
|
|
2530
|
+
"class": "iti__flag-container"
|
|
2531
|
+
}, wrapper);
|
|
2532
|
+
}
|
|
2444
2533
|
wrapper.appendChild(this.telInput);
|
|
2445
2534
|
// selected flag (displayed to left of input)
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2535
|
+
// using Aria tags for "Select-Only Combobox Example"
|
|
2536
|
+
// https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
|
|
2537
|
+
if (showFlagsContainer) {
|
|
2538
|
+
this.selectedFlag = this._createEl("div", _objectSpread({
|
|
2539
|
+
"class": "iti__selected-flag"
|
|
2540
|
+
}, allowDropdown && {
|
|
2541
|
+
role: "combobox",
|
|
2542
|
+
"aria-haspopup": "listbox",
|
|
2543
|
+
"aria-controls": "iti-".concat(this.id, "__country-listbox"),
|
|
2544
|
+
"aria-expanded": "false",
|
|
2545
|
+
"aria-label": "Telephone country code"
|
|
2546
|
+
}), this.flagsContainer);
|
|
2547
|
+
}
|
|
2548
|
+
if (showFlags) {
|
|
2549
|
+
this.selectedFlagInner = this._createEl("div", {
|
|
2550
|
+
"class": "iti__flag"
|
|
2551
|
+
}, this.selectedFlag);
|
|
2552
|
+
}
|
|
2553
|
+
if (this.selectedFlag && this.telInput.disabled) {
|
|
2554
|
+
this.selectedFlag.setAttribute("aria-disabled", "true");
|
|
2555
|
+
}
|
|
2556
|
+
if (separateDialCode) {
|
|
2457
2557
|
this.selectedDialCode = this._createEl("div", {
|
|
2458
2558
|
"class": "iti__selected-dial-code"
|
|
2459
2559
|
}, this.selectedFlag);
|
|
2460
2560
|
}
|
|
2461
|
-
if (
|
|
2462
|
-
|
|
2463
|
-
|
|
2561
|
+
if (allowDropdown) {
|
|
2562
|
+
if (!this.telInput.disabled) {
|
|
2563
|
+
// make element focusable and tab navigable
|
|
2564
|
+
this.selectedFlag.setAttribute("tabindex", "0");
|
|
2565
|
+
}
|
|
2464
2566
|
this.dropdownArrow = this._createEl("div", {
|
|
2465
2567
|
"class": "iti__arrow"
|
|
2466
2568
|
}, this.selectedFlag);
|
|
@@ -2481,7 +2583,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2481
2583
|
}
|
|
2482
2584
|
this._appendListItems(this.countries, "iti__standard");
|
|
2483
2585
|
// create dropdownContainer markup
|
|
2484
|
-
if (
|
|
2586
|
+
if (dropdownContainer) {
|
|
2485
2587
|
this.dropdown = this._createEl("div", {
|
|
2486
2588
|
"class": "iti iti--container"
|
|
2487
2589
|
});
|
|
@@ -2490,14 +2592,16 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2490
2592
|
this.flagsContainer.appendChild(this.countryList);
|
|
2491
2593
|
}
|
|
2492
2594
|
}
|
|
2493
|
-
if (
|
|
2494
|
-
var hiddenInputName =
|
|
2595
|
+
if (hiddenInput) {
|
|
2596
|
+
var hiddenInputName = hiddenInput;
|
|
2495
2597
|
var name = this.telInput.getAttribute("name");
|
|
2496
2598
|
if (name) {
|
|
2497
2599
|
var i = name.lastIndexOf("[");
|
|
2498
2600
|
// if input name contains square brackets, then give the hidden input the same name,
|
|
2499
2601
|
// replacing the contents of the last set of brackets with the given hiddenInput name
|
|
2500
|
-
if (i !== -1)
|
|
2602
|
+
if (i !== -1) {
|
|
2603
|
+
hiddenInputName = "".concat(name.substr(0, i), "[").concat(hiddenInputName, "]");
|
|
2604
|
+
}
|
|
2501
2605
|
}
|
|
2502
2606
|
this.hiddenInput = this._createEl("input", {
|
|
2503
2607
|
type: "hidden",
|
|
@@ -2519,7 +2623,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2519
2623
|
// open the list item
|
|
2520
2624
|
tmp += "<li class='iti__country ".concat(className, "' tabIndex='-1' id='iti-").concat(this.id, "__item-").concat(c.iso2).concat(idSuffix, "' role='option' data-dial-code='").concat(c.dialCode, "' data-country-code='").concat(c.iso2, "' aria-selected='false'>");
|
|
2521
2625
|
// add the flag
|
|
2522
|
-
|
|
2626
|
+
if (this.options.showFlags) {
|
|
2627
|
+
tmp += "<div class='iti__flag-box'><div class='iti__flag iti__".concat(c.iso2, "'></div></div>");
|
|
2628
|
+
}
|
|
2523
2629
|
// and the country name and dial code
|
|
2524
2630
|
tmp += "<span class='iti__country-name'>".concat(c.name, "</span>");
|
|
2525
2631
|
tmp += "<span class='iti__dial-code'>+".concat(c.dialCode, "</span>");
|
|
@@ -2540,7 +2646,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2540
2646
|
var val = useAttribute ? attributeValue : inputValue;
|
|
2541
2647
|
var dialCode = this._getDialCode(val);
|
|
2542
2648
|
var isRegionlessNanp = this._isRegionlessNanp(val);
|
|
2543
|
-
var _this$
|
|
2649
|
+
var _this$options2 = this.options, initialCountry = _this$options2.initialCountry, autoInsertDialCode = _this$options2.autoInsertDialCode;
|
|
2544
2650
|
// if we already have a dial code, and it's not a regionlessNanp, we can go ahead and set the
|
|
2545
2651
|
// flag, else fall back to the default country
|
|
2546
2652
|
if (dialCode && !isRegionlessNanp) {
|
|
@@ -2561,22 +2667,30 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2561
2667
|
}
|
|
2562
2668
|
}
|
|
2563
2669
|
}
|
|
2564
|
-
// if empty and
|
|
2565
|
-
if (!val &&
|
|
2670
|
+
// if empty and autoInsertDialCode then insert the dial code
|
|
2671
|
+
if (!val && autoInsertDialCode) {
|
|
2566
2672
|
this.telInput.value = "+".concat(this.selectedCountryData.dialCode);
|
|
2567
2673
|
}
|
|
2568
2674
|
}
|
|
2569
2675
|
// NOTE: if initialCountry is set to auto, that will be handled separately
|
|
2570
2676
|
// format - note this wont be run after _updateDialCode as that's only called if no val
|
|
2571
|
-
if (val)
|
|
2677
|
+
if (val) {
|
|
2678
|
+
this._updateValFromNumber(val);
|
|
2679
|
+
}
|
|
2572
2680
|
}
|
|
2573
2681
|
}, {
|
|
2574
2682
|
key: "_initListeners",
|
|
2575
2683
|
value: function _initListeners() {
|
|
2576
2684
|
this._initKeyListeners();
|
|
2577
|
-
if (this.options.
|
|
2578
|
-
|
|
2579
|
-
|
|
2685
|
+
if (this.options.autoInsertDialCode) {
|
|
2686
|
+
this._initBlurListeners();
|
|
2687
|
+
}
|
|
2688
|
+
if (this.options.allowDropdown) {
|
|
2689
|
+
this._initDropdownListeners();
|
|
2690
|
+
}
|
|
2691
|
+
if (this.hiddenInput) {
|
|
2692
|
+
this._initHiddenInputListener();
|
|
2693
|
+
}
|
|
2580
2694
|
}
|
|
2581
2695
|
}, {
|
|
2582
2696
|
key: "_initHiddenInputListener",
|
|
@@ -2585,7 +2699,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2585
2699
|
this._handleHiddenInputSubmit = function() {
|
|
2586
2700
|
_this3.hiddenInput.value = _this3.getNumber();
|
|
2587
2701
|
};
|
|
2588
|
-
if (this.telInput.form)
|
|
2702
|
+
if (this.telInput.form) {
|
|
2703
|
+
this.telInput.form.addEventListener("submit", this._handleHiddenInputSubmit);
|
|
2704
|
+
}
|
|
2589
2705
|
}
|
|
2590
2706
|
}, {
|
|
2591
2707
|
key: "_getClosestLabel",
|
|
@@ -2605,10 +2721,16 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2605
2721
|
// close it again
|
|
2606
2722
|
this._handleLabelClick = function(e) {
|
|
2607
2723
|
// if the dropdown is closed, then focus the input, else ignore the click
|
|
2608
|
-
if (_this4.countryList.classList.contains("iti__hide"))
|
|
2724
|
+
if (_this4.countryList.classList.contains("iti__hide")) {
|
|
2725
|
+
_this4.telInput.focus();
|
|
2726
|
+
} else {
|
|
2727
|
+
e.preventDefault();
|
|
2728
|
+
}
|
|
2609
2729
|
};
|
|
2610
2730
|
var label = this._getClosestLabel();
|
|
2611
|
-
if (label)
|
|
2731
|
+
if (label) {
|
|
2732
|
+
label.addEventListener("click", this._handleLabelClick);
|
|
2733
|
+
}
|
|
2612
2734
|
// toggle country dropdown on click
|
|
2613
2735
|
this._handleClickSelectedFlag = function() {
|
|
2614
2736
|
// only intercept this event if we're opening the dropdown
|
|
@@ -2630,7 +2752,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2630
2752
|
_this4._showDropdown();
|
|
2631
2753
|
}
|
|
2632
2754
|
// allow navigation from dropdown to input on TAB
|
|
2633
|
-
if (e.key === "Tab")
|
|
2755
|
+
if (e.key === "Tab") {
|
|
2756
|
+
_this4._closeDropdown();
|
|
2757
|
+
}
|
|
2634
2758
|
};
|
|
2635
2759
|
this.flagsContainer.addEventListener("keydown", this._handleFlagsContainerKeydown);
|
|
2636
2760
|
}
|
|
@@ -2649,8 +2773,14 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2649
2773
|
window.intlTelInputGlobals.loadUtils(_this5.options.utilsScript);
|
|
2650
2774
|
});
|
|
2651
2775
|
}
|
|
2652
|
-
} else
|
|
2653
|
-
|
|
2776
|
+
} else {
|
|
2777
|
+
this.resolveUtilsScriptPromise();
|
|
2778
|
+
}
|
|
2779
|
+
if (this.options.initialCountry === "auto") {
|
|
2780
|
+
this._loadAutoCountry();
|
|
2781
|
+
} else {
|
|
2782
|
+
this.resolveAutoCountryPromise();
|
|
2783
|
+
}
|
|
2654
2784
|
}
|
|
2655
2785
|
}, {
|
|
2656
2786
|
key: "_loadAutoCountry",
|
|
@@ -2715,7 +2845,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2715
2845
|
this._handleSubmitOrBlurEvent = function() {
|
|
2716
2846
|
_this7._removeEmptyDialCode();
|
|
2717
2847
|
};
|
|
2718
|
-
if (this.telInput.form)
|
|
2848
|
+
if (this.telInput.form) {
|
|
2849
|
+
this.telInput.form.addEventListener("submit", this._handleSubmitOrBlurEvent);
|
|
2850
|
+
}
|
|
2719
2851
|
this.telInput.addEventListener("blur", this._handleSubmitOrBlurEvent);
|
|
2720
2852
|
}
|
|
2721
2853
|
}, {
|
|
@@ -2763,7 +2895,11 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2763
2895
|
}, {
|
|
2764
2896
|
key: "_toggleClass",
|
|
2765
2897
|
value: function _toggleClass(el, className, shouldHaveClass) {
|
|
2766
|
-
if (shouldHaveClass && !el.classList.contains(className))
|
|
2898
|
+
if (shouldHaveClass && !el.classList.contains(className)) {
|
|
2899
|
+
el.classList.add(className);
|
|
2900
|
+
} else if (!shouldHaveClass && el.classList.contains(className)) {
|
|
2901
|
+
el.classList.remove(className);
|
|
2902
|
+
}
|
|
2767
2903
|
}
|
|
2768
2904
|
}, {
|
|
2769
2905
|
key: "_setDropdownPosition",
|
|
@@ -2819,13 +2955,17 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2819
2955
|
this._handleMouseoverCountryList = function(e) {
|
|
2820
2956
|
// handle event delegation, as we're listening for this event on the countryList
|
|
2821
2957
|
var listItem = _this9._getClosestListItem(e.target);
|
|
2822
|
-
if (listItem)
|
|
2958
|
+
if (listItem) {
|
|
2959
|
+
_this9._highlightListItem(listItem, false);
|
|
2960
|
+
}
|
|
2823
2961
|
};
|
|
2824
2962
|
this.countryList.addEventListener("mouseover", this._handleMouseoverCountryList);
|
|
2825
2963
|
// listen for country selection
|
|
2826
2964
|
this._handleClickCountryList = function(e) {
|
|
2827
2965
|
var listItem = _this9._getClosestListItem(e.target);
|
|
2828
|
-
if (listItem)
|
|
2966
|
+
if (listItem) {
|
|
2967
|
+
_this9._selectListItem(listItem);
|
|
2968
|
+
}
|
|
2829
2969
|
};
|
|
2830
2970
|
this.countryList.addEventListener("click", this._handleClickCountryList);
|
|
2831
2971
|
// click off to close
|
|
@@ -2833,7 +2973,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2833
2973
|
// we cannot just stopPropagation as it may be needed to close another instance
|
|
2834
2974
|
var isOpening = true;
|
|
2835
2975
|
this._handleClickOffToClose = function() {
|
|
2836
|
-
if (!isOpening)
|
|
2976
|
+
if (!isOpening) {
|
|
2977
|
+
_this9._closeDropdown();
|
|
2978
|
+
}
|
|
2837
2979
|
isOpening = false;
|
|
2838
2980
|
};
|
|
2839
2981
|
document.documentElement.addEventListener("click", this._handleClickOffToClose);
|
|
@@ -2848,9 +2990,17 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2848
2990
|
// and enter key from submitting a form etc
|
|
2849
2991
|
e.preventDefault();
|
|
2850
2992
|
// up and down to navigate
|
|
2851
|
-
if (e.key === "ArrowUp" || e.key === "Up" || e.key === "ArrowDown" || e.key === "Down")
|
|
2993
|
+
if (e.key === "ArrowUp" || e.key === "Up" || e.key === "ArrowDown" || e.key === "Down") {
|
|
2994
|
+
_this9._handleUpDownKey(e.key);
|
|
2995
|
+
} else if (e.key === "Enter") {
|
|
2996
|
+
_this9._handleEnterKey();
|
|
2997
|
+
} else if (e.key === "Escape") {
|
|
2998
|
+
_this9._closeDropdown();
|
|
2999
|
+
} else if (/^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(e.key)) {
|
|
2852
3000
|
// jump to countries that start with the query string
|
|
2853
|
-
if (queryTimer)
|
|
3001
|
+
if (queryTimer) {
|
|
3002
|
+
clearTimeout(queryTimer);
|
|
3003
|
+
}
|
|
2854
3004
|
query += e.key.toLowerCase();
|
|
2855
3005
|
_this9._searchForCountry(query);
|
|
2856
3006
|
// if the timer hits 1 second, reset the query
|
|
@@ -2876,7 +3026,9 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2876
3026
|
}, {
|
|
2877
3027
|
key: "_handleEnterKey",
|
|
2878
3028
|
value: function _handleEnterKey() {
|
|
2879
|
-
if (this.highlightedItem)
|
|
3029
|
+
if (this.highlightedItem) {
|
|
3030
|
+
this._selectListItem(this.highlightedItem);
|
|
3031
|
+
}
|
|
2880
3032
|
}
|
|
2881
3033
|
}, {
|
|
2882
3034
|
key: "_searchForCountry",
|
|
@@ -2901,7 +3053,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2901
3053
|
value: function _updateValFromNumber(originalNumber) {
|
|
2902
3054
|
var number = originalNumber;
|
|
2903
3055
|
if (this.options.formatOnDisplay && window.intlTelInputUtils && this.selectedCountryData) {
|
|
2904
|
-
var useNational =
|
|
3056
|
+
var useNational = this.options.nationalMode || number.charAt(0) !== "+" && !this.options.separateDialCode;
|
|
2905
3057
|
var _intlTelInputUtils$nu = intlTelInputUtils.numberFormat, NATIONAL = _intlTelInputUtils$nu.NATIONAL, INTERNATIONAL = _intlTelInputUtils$nu.INTERNATIONAL;
|
|
2906
3058
|
var format = useNational ? NATIONAL : INTERNATIONAL;
|
|
2907
3059
|
number = intlTelInputUtils.formatNumber(number, this.selectedCountryData.iso2, format);
|
|
@@ -2912,7 +3064,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2912
3064
|
}, {
|
|
2913
3065
|
key: "_updateFlagFromNumber",
|
|
2914
3066
|
value: function _updateFlagFromNumber(originalNumber) {
|
|
2915
|
-
// if we
|
|
3067
|
+
// if we already have US/Canada selected, make sure the number starts
|
|
2916
3068
|
// with a +1 so _getDialCode will be able to extract the area code
|
|
2917
3069
|
// update: if we dont yet have selectedCountryData, but we're here (trying to update the flag
|
|
2918
3070
|
// from the number), that means we're initialising the plugin with a number that already has a
|
|
@@ -2920,11 +3072,13 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2920
3072
|
var number = originalNumber;
|
|
2921
3073
|
var selectedDialCode = this.selectedCountryData.dialCode;
|
|
2922
3074
|
var isNanp = selectedDialCode === "1";
|
|
2923
|
-
if (number &&
|
|
2924
|
-
if (number.charAt(0) !== "1")
|
|
3075
|
+
if (number && isNanp && number.charAt(0) !== "+") {
|
|
3076
|
+
if (number.charAt(0) !== "1") {
|
|
3077
|
+
number = "1".concat(number);
|
|
3078
|
+
}
|
|
2925
3079
|
number = "+".concat(number);
|
|
2926
3080
|
}
|
|
2927
|
-
//
|
|
3081
|
+
// if separateDialCode enabled, then consider the selected dial code to be part of the number
|
|
2928
3082
|
if (this.options.separateDialCode && selectedDialCode && number.charAt(0) !== "+") {
|
|
2929
3083
|
number = "+".concat(selectedDialCode).concat(number);
|
|
2930
3084
|
}
|
|
@@ -2982,10 +3136,15 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
2982
3136
|
key: "_highlightListItem",
|
|
2983
3137
|
value: function _highlightListItem(listItem, shouldFocus) {
|
|
2984
3138
|
var prevItem = this.highlightedItem;
|
|
2985
|
-
if (prevItem)
|
|
3139
|
+
if (prevItem) {
|
|
3140
|
+
prevItem.classList.remove("iti__highlight");
|
|
3141
|
+
}
|
|
2986
3142
|
this.highlightedItem = listItem;
|
|
2987
3143
|
this.highlightedItem.classList.add("iti__highlight");
|
|
2988
|
-
|
|
3144
|
+
this.selectedFlag.setAttribute("aria-activedescendant", listItem.getAttribute("id"));
|
|
3145
|
+
if (shouldFocus) {
|
|
3146
|
+
this.highlightedItem.focus();
|
|
3147
|
+
}
|
|
2989
3148
|
}
|
|
2990
3149
|
}, {
|
|
2991
3150
|
key: "_getCountryData",
|
|
@@ -3004,6 +3163,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3004
3163
|
}, {
|
|
3005
3164
|
key: "_setFlag",
|
|
3006
3165
|
value: function _setFlag(countryCode) {
|
|
3166
|
+
var _this$options3 = this.options, allowDropdown = _this$options3.allowDropdown, separateDialCode = _this$options3.separateDialCode, showFlags = _this$options3.showFlags;
|
|
3007
3167
|
var prevCountry = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
|
|
3008
3168
|
// do this first as it will throw an error and stop if countryCode is invalid
|
|
3009
3169
|
this.selectedCountryData = countryCode ? this._getCountryData(countryCode, false, false) : {};
|
|
@@ -3011,22 +3171,26 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3011
3171
|
if (this.selectedCountryData.iso2) {
|
|
3012
3172
|
this.defaultCountry = this.selectedCountryData.iso2;
|
|
3013
3173
|
}
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
this.
|
|
3018
|
-
if (
|
|
3174
|
+
if (showFlags) {
|
|
3175
|
+
this.selectedFlagInner.setAttribute("class", "iti__flag iti__".concat(countryCode));
|
|
3176
|
+
}
|
|
3177
|
+
this._setSelectedCountryFlagTitleAttribute(countryCode, separateDialCode);
|
|
3178
|
+
if (separateDialCode) {
|
|
3019
3179
|
var dialCode = this.selectedCountryData.dialCode ? "+".concat(this.selectedCountryData.dialCode) : "";
|
|
3020
3180
|
this.selectedDialCode.innerHTML = dialCode;
|
|
3021
3181
|
// offsetWidth is zero if input is in a hidden container during initialisation
|
|
3022
3182
|
var selectedFlagWidth = this.selectedFlag.offsetWidth || this._getHiddenSelectedFlagWidth();
|
|
3023
3183
|
// add 6px of padding after the grey selected-dial-code box, as this is what we use in the css
|
|
3024
|
-
this.
|
|
3184
|
+
if (this.isRTL) {
|
|
3185
|
+
this.telInput.style.paddingRight = "".concat(selectedFlagWidth + 6, "px");
|
|
3186
|
+
} else {
|
|
3187
|
+
this.telInput.style.paddingLeft = "".concat(selectedFlagWidth + 6, "px");
|
|
3188
|
+
}
|
|
3025
3189
|
}
|
|
3026
3190
|
// and the input's placeholder
|
|
3027
3191
|
this._updatePlaceholder();
|
|
3028
3192
|
// update the active list item
|
|
3029
|
-
if (
|
|
3193
|
+
if (allowDropdown) {
|
|
3030
3194
|
var prevItem = this.activeItem;
|
|
3031
3195
|
if (prevItem) {
|
|
3032
3196
|
prevItem.classList.remove("iti__active");
|
|
@@ -3038,12 +3202,29 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3038
3202
|
nextItem.setAttribute("aria-selected", "true");
|
|
3039
3203
|
nextItem.classList.add("iti__active");
|
|
3040
3204
|
this.activeItem = nextItem;
|
|
3041
|
-
this.selectedFlag.setAttribute("aria-activedescendant", nextItem.getAttribute("id"));
|
|
3042
3205
|
}
|
|
3043
3206
|
}
|
|
3044
3207
|
// return if the flag has changed or not
|
|
3045
3208
|
return prevCountry.iso2 !== countryCode;
|
|
3046
3209
|
}
|
|
3210
|
+
}, {
|
|
3211
|
+
key: "_setSelectedCountryFlagTitleAttribute",
|
|
3212
|
+
value: function _setSelectedCountryFlagTitleAttribute(countryCode, separateDialCode) {
|
|
3213
|
+
if (!this.selectedFlag) {
|
|
3214
|
+
return;
|
|
3215
|
+
}
|
|
3216
|
+
var title;
|
|
3217
|
+
if (countryCode && !separateDialCode) {
|
|
3218
|
+
title = "".concat(this.selectedCountryData.name, ": +").concat(this.selectedCountryData.dialCode);
|
|
3219
|
+
} else if (countryCode) {
|
|
3220
|
+
// For screen reader output, we don't want to include the dial code in the reader output twice
|
|
3221
|
+
// so just use the selected country name here:
|
|
3222
|
+
title = this.selectedCountryData.name;
|
|
3223
|
+
} else {
|
|
3224
|
+
title = "Unknown";
|
|
3225
|
+
}
|
|
3226
|
+
this.selectedFlag.setAttribute("title", title);
|
|
3227
|
+
}
|
|
3047
3228
|
}, {
|
|
3048
3229
|
key: "_getHiddenSelectedFlagWidth",
|
|
3049
3230
|
value: function _getHiddenSelectedFlagWidth() {
|
|
@@ -3080,11 +3261,11 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3080
3261
|
// update selected flag and active list item
|
|
3081
3262
|
var flagChanged = this._setFlag(listItem.getAttribute("data-country-code"));
|
|
3082
3263
|
this._closeDropdown();
|
|
3083
|
-
this._updateDialCode(listItem.getAttribute("data-dial-code")
|
|
3264
|
+
this._updateDialCode(listItem.getAttribute("data-dial-code"));
|
|
3084
3265
|
// focus the input
|
|
3085
3266
|
this.telInput.focus();
|
|
3086
|
-
// put cursor at end - this fix is required for FF and IE11 (with
|
|
3087
|
-
//
|
|
3267
|
+
// put cursor at end - this fix is required for FF and IE11 (with auto inserting dial code),
|
|
3268
|
+
// who try to put the cursor at the beginning the first time
|
|
3088
3269
|
var len = this.telInput.value.length;
|
|
3089
3270
|
this.telInput.setSelectionRange(len, len);
|
|
3090
3271
|
if (flagChanged) {
|
|
@@ -3096,6 +3277,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3096
3277
|
value: function _closeDropdown() {
|
|
3097
3278
|
this.countryList.classList.add("iti__hide");
|
|
3098
3279
|
this.selectedFlag.setAttribute("aria-expanded", "false");
|
|
3280
|
+
this.selectedFlag.removeAttribute("aria-activedescendant");
|
|
3099
3281
|
// update the arrow
|
|
3100
3282
|
this.dropdownArrow.classList.remove("iti__arrow--up");
|
|
3101
3283
|
// unbind key events
|
|
@@ -3105,8 +3287,12 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3105
3287
|
this.countryList.removeEventListener("click", this._handleClickCountryList);
|
|
3106
3288
|
// remove menu from container
|
|
3107
3289
|
if (this.options.dropdownContainer) {
|
|
3108
|
-
if (!this.isMobile)
|
|
3109
|
-
|
|
3290
|
+
if (!this.isMobile) {
|
|
3291
|
+
window.removeEventListener("scroll", this._handleWindowScroll);
|
|
3292
|
+
}
|
|
3293
|
+
if (this.dropdown.parentNode) {
|
|
3294
|
+
this.dropdown.parentNode.removeChild(this.dropdown);
|
|
3295
|
+
}
|
|
3110
3296
|
}
|
|
3111
3297
|
this._trigger("close:countrydropdown");
|
|
3112
3298
|
}
|
|
@@ -3126,24 +3312,28 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3126
3312
|
var middleOffset = containerHeight / 2 - elementHeight / 2;
|
|
3127
3313
|
if (elementTop < containerTop) {
|
|
3128
3314
|
// scroll up
|
|
3129
|
-
if (middle)
|
|
3315
|
+
if (middle) {
|
|
3316
|
+
newScrollTop -= middleOffset;
|
|
3317
|
+
}
|
|
3130
3318
|
container.scrollTop = newScrollTop;
|
|
3131
3319
|
} else if (elementBottom > containerBottom) {
|
|
3132
3320
|
// scroll down
|
|
3133
|
-
if (middle)
|
|
3321
|
+
if (middle) {
|
|
3322
|
+
newScrollTop += middleOffset;
|
|
3323
|
+
}
|
|
3134
3324
|
var heightDifference = containerHeight - elementHeight;
|
|
3135
3325
|
container.scrollTop = newScrollTop - heightDifference;
|
|
3136
3326
|
}
|
|
3137
3327
|
}
|
|
3138
3328
|
}, {
|
|
3139
3329
|
key: "_updateDialCode",
|
|
3140
|
-
value: function _updateDialCode(newDialCodeBare
|
|
3330
|
+
value: function _updateDialCode(newDialCodeBare) {
|
|
3141
3331
|
var inputVal = this.telInput.value;
|
|
3142
3332
|
// save having to pass this every time
|
|
3143
3333
|
var newDialCode = "+".concat(newDialCodeBare);
|
|
3144
3334
|
var newNumber;
|
|
3145
3335
|
if (inputVal.charAt(0) === "+") {
|
|
3146
|
-
// there's a plus so we're dealing with a replacement
|
|
3336
|
+
// there's a plus so we're dealing with a replacement
|
|
3147
3337
|
var prevDialCode = this._getDialCode(inputVal);
|
|
3148
3338
|
if (prevDialCode) {
|
|
3149
3339
|
// current number contains a valid dial code, so replace it
|
|
@@ -3153,23 +3343,16 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3153
3343
|
// (no way to determine where the invalid dial code ends and the rest of the number begins)
|
|
3154
3344
|
newNumber = newDialCode;
|
|
3155
3345
|
}
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
return;
|
|
3159
|
-
} else {
|
|
3160
|
-
// nationalMode is disabled
|
|
3346
|
+
this.telInput.value = newNumber;
|
|
3347
|
+
} else if (this.options.autoInsertDialCode) {
|
|
3161
3348
|
if (inputVal) {
|
|
3162
3349
|
// there is an existing value with no dial code: prefix the new dial code
|
|
3163
3350
|
newNumber = newDialCode + inputVal;
|
|
3164
|
-
} else if (hasSelectedListItem || !this.options.autoHideDialCode) {
|
|
3165
|
-
// no existing value and either they've just selected a list item, or autoHideDialCode is
|
|
3166
|
-
// disabled: insert new dial code
|
|
3167
|
-
newNumber = newDialCode;
|
|
3168
3351
|
} else {
|
|
3169
|
-
|
|
3352
|
+
newNumber = newDialCode;
|
|
3170
3353
|
}
|
|
3354
|
+
this.telInput.value = newNumber;
|
|
3171
3355
|
}
|
|
3172
|
-
this.telInput.value = newNumber;
|
|
3173
3356
|
}
|
|
3174
3357
|
}, {
|
|
3175
3358
|
key: "_getDialCode",
|
|
@@ -3284,13 +3467,19 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3284
3467
|
this.flagsContainer.removeEventListener("keydown", this._handleFlagsContainerKeydown);
|
|
3285
3468
|
// label click hack
|
|
3286
3469
|
var label = this._getClosestLabel();
|
|
3287
|
-
if (label)
|
|
3470
|
+
if (label) {
|
|
3471
|
+
label.removeEventListener("click", this._handleLabelClick);
|
|
3472
|
+
}
|
|
3288
3473
|
}
|
|
3289
3474
|
// unbind hiddenInput listeners
|
|
3290
|
-
if (this.hiddenInput && form)
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3475
|
+
if (this.hiddenInput && form) {
|
|
3476
|
+
form.removeEventListener("submit", this._handleHiddenInputSubmit);
|
|
3477
|
+
}
|
|
3478
|
+
// unbind autoInsertDialCode listeners
|
|
3479
|
+
if (this.options.autoInsertDialCode) {
|
|
3480
|
+
if (form) {
|
|
3481
|
+
form.removeEventListener("submit", this._handleSubmitOrBlurEvent);
|
|
3482
|
+
}
|
|
3294
3483
|
this.telInput.removeEventListener("blur", this._handleSubmitOrBlurEvent);
|
|
3295
3484
|
}
|
|
3296
3485
|
// unbind key events, and cut/paste events
|
|
@@ -3348,17 +3537,22 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3348
3537
|
key: "isValidNumber",
|
|
3349
3538
|
value: function isValidNumber() {
|
|
3350
3539
|
var val = this._getFullNumber().trim();
|
|
3351
|
-
|
|
3352
|
-
|
|
3540
|
+
return window.intlTelInputUtils ? intlTelInputUtils.isValidNumber(val, this.selectedCountryData.iso2) : null;
|
|
3541
|
+
}
|
|
3542
|
+
}, {
|
|
3543
|
+
key: "isPossibleNumber",
|
|
3544
|
+
value: function isPossibleNumber() {
|
|
3545
|
+
var val = this._getFullNumber().trim();
|
|
3546
|
+
return window.intlTelInputUtils ? intlTelInputUtils.isPossibleNumber(val, this.selectedCountryData.iso2) : null;
|
|
3353
3547
|
}
|
|
3354
3548
|
}, {
|
|
3355
3549
|
key: "setCountry",
|
|
3356
3550
|
value: function setCountry(originalCountryCode) {
|
|
3357
3551
|
var countryCode = originalCountryCode.toLowerCase();
|
|
3358
3552
|
// check if already selected
|
|
3359
|
-
if (
|
|
3553
|
+
if (this.selectedCountryData.iso2 !== countryCode) {
|
|
3360
3554
|
this._setFlag(countryCode);
|
|
3361
|
-
this._updateDialCode(this.selectedCountryData.dialCode
|
|
3555
|
+
this._updateDialCode(this.selectedCountryData.dialCode);
|
|
3362
3556
|
this._triggerCountryChange();
|
|
3363
3557
|
}
|
|
3364
3558
|
}
|
|
@@ -3395,11 +3589,15 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3395
3589
|
var script = document.createElement("script");
|
|
3396
3590
|
script.onload = function() {
|
|
3397
3591
|
forEachInstance("handleUtils");
|
|
3398
|
-
if (handleSuccess)
|
|
3592
|
+
if (handleSuccess) {
|
|
3593
|
+
handleSuccess();
|
|
3594
|
+
}
|
|
3399
3595
|
};
|
|
3400
3596
|
script.onerror = function() {
|
|
3401
3597
|
forEachInstance("rejectUtilsScriptPromise");
|
|
3402
|
-
if (handleFailure)
|
|
3598
|
+
if (handleFailure) {
|
|
3599
|
+
handleFailure();
|
|
3600
|
+
}
|
|
3403
3601
|
};
|
|
3404
3602
|
script.className = "iti-load-utils";
|
|
3405
3603
|
script.async = true;
|
|
@@ -3428,7 +3626,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3428
3626
|
// default options
|
|
3429
3627
|
intlTelInputGlobals.defaults = defaults;
|
|
3430
3628
|
// version
|
|
3431
|
-
intlTelInputGlobals.version = "
|
|
3629
|
+
intlTelInputGlobals.version = "18.2.1";
|
|
3432
3630
|
// convenience wrapper
|
|
3433
3631
|
return function(input, options) {
|
|
3434
3632
|
var iti = new Iti(input, options);
|
|
@@ -3446,7 +3644,7 @@ var intlTelInput$1 = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
|
3446
3644
|
*/
|
|
3447
3645
|
var intlTelInput = intlTelInput$1;
|
|
3448
3646
|
|
|
3449
|
-
const sasInputTelCss = ".iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=text],.iti input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width: 500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.iti__country{padding:5px 10px;outline:none}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0, 0, 0, 0.05)}.iti__flag-box,.iti__country-name,.iti__dial-code{vertical-align:middle}.iti__flag-box,.iti__country-name{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:14px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cr{height:12px;background-position:-1115px 0px}.iti__flag.iti__cu{height:10px;background-position:-1137px 0px}.iti__flag.iti__cv{height:12px;background-position:-1159px 0px}.iti__flag.iti__cw{height:14px;background-position:-1181px 0px}.iti__flag.iti__cx{height:10px;background-position:-1203px 0px}.iti__flag.iti__cy{height:14px;background-position:-1225px 0px}.iti__flag.iti__cz{height:14px;background-position:-1247px 0px}.iti__flag.iti__de{height:12px;background-position:-1269px 0px}.iti__flag.iti__dg{height:10px;background-position:-1291px 0px}.iti__flag.iti__dj{height:14px;background-position:-1313px 0px}.iti__flag.iti__dk{height:15px;background-position:-1335px 0px}.iti__flag.iti__dm{height:10px;background-position:-1357px 0px}.iti__flag.iti__do{height:14px;background-position:-1379px 0px}.iti__flag.iti__dz{height:14px;background-position:-1401px 0px}.iti__flag.iti__ea{height:14px;background-position:-1423px 0px}.iti__flag.iti__ec{height:14px;background-position:-1445px 0px}.iti__flag.iti__ee{height:13px;background-position:-1467px 0px}.iti__flag.iti__eg{height:14px;background-position:-1489px 0px}.iti__flag.iti__eh{height:10px;background-position:-1511px 0px}.iti__flag.iti__er{height:10px;background-position:-1533px 0px}.iti__flag.iti__es{height:14px;background-position:-1555px 0px}.iti__flag.iti__et{height:10px;background-position:-1577px 0px}.iti__flag.iti__eu{height:14px;background-position:-1599px 0px}.iti__flag.iti__fi{height:12px;background-position:-1621px 0px}.iti__flag.iti__fj{height:10px;background-position:-1643px 0px}.iti__flag.iti__fk{height:10px;background-position:-1665px 0px}.iti__flag.iti__fm{height:11px;background-position:-1687px 0px}.iti__flag.iti__fo{height:15px;background-position:-1709px 0px}.iti__flag.iti__fr{height:14px;background-position:-1731px 0px}.iti__flag.iti__ga{height:15px;background-position:-1753px 0px}.iti__flag.iti__gb{height:10px;background-position:-1775px 0px}.iti__flag.iti__gd{height:12px;background-position:-1797px 0px}.iti__flag.iti__ge{height:14px;background-position:-1819px 0px}.iti__flag.iti__gf{height:14px;background-position:-1841px 0px}.iti__flag.iti__gg{height:14px;background-position:-1863px 0px}.iti__flag.iti__gh{height:14px;background-position:-1885px 0px}.iti__flag.iti__gi{height:10px;background-position:-1907px 0px}.iti__flag.iti__gl{height:14px;background-position:-1929px 0px}.iti__flag.iti__gm{height:14px;background-position:-1951px 0px}.iti__flag.iti__gn{height:14px;background-position:-1973px 0px}.iti__flag.iti__gp{height:14px;background-position:-1995px 0px}.iti__flag.iti__gq{height:14px;background-position:-2017px 0px}.iti__flag.iti__gr{height:14px;background-position:-2039px 0px}.iti__flag.iti__gs{height:10px;background-position:-2061px 0px}.iti__flag.iti__gt{height:13px;background-position:-2083px 0px}.iti__flag.iti__gu{height:11px;background-position:-2105px 0px}.iti__flag.iti__gw{height:10px;background-position:-2127px 0px}.iti__flag.iti__gy{height:12px;background-position:-2149px 0px}.iti__flag.iti__hk{height:14px;background-position:-2171px 0px}.iti__flag.iti__hm{height:10px;background-position:-2193px 0px}.iti__flag.iti__hn{height:10px;background-position:-2215px 0px}.iti__flag.iti__hr{height:10px;background-position:-2237px 0px}.iti__flag.iti__ht{height:12px;background-position:-2259px 0px}.iti__flag.iti__hu{height:10px;background-position:-2281px 0px}.iti__flag.iti__ic{height:14px;background-position:-2303px 0px}.iti__flag.iti__id{height:14px;background-position:-2325px 0px}.iti__flag.iti__ie{height:10px;background-position:-2347px 0px}.iti__flag.iti__il{height:15px;background-position:-2369px 0px}.iti__flag.iti__im{height:10px;background-position:-2391px 0px}.iti__flag.iti__in{height:14px;background-position:-2413px 0px}.iti__flag.iti__io{height:10px;background-position:-2435px 0px}.iti__flag.iti__iq{height:14px;background-position:-2457px 0px}.iti__flag.iti__ir{height:12px;background-position:-2479px 0px}.iti__flag.iti__is{height:15px;background-position:-2501px 0px}.iti__flag.iti__it{height:14px;background-position:-2523px 0px}.iti__flag.iti__je{height:12px;background-position:-2545px 0px}.iti__flag.iti__jm{height:10px;background-position:-2567px 0px}.iti__flag.iti__jo{height:10px;background-position:-2589px 0px}.iti__flag.iti__jp{height:14px;background-position:-2611px 0px}.iti__flag.iti__ke{height:14px;background-position:-2633px 0px}.iti__flag.iti__kg{height:12px;background-position:-2655px 0px}.iti__flag.iti__kh{height:13px;background-position:-2677px 0px}.iti__flag.iti__ki{height:10px;background-position:-2699px 0px}.iti__flag.iti__km{height:12px;background-position:-2721px 0px}.iti__flag.iti__kn{height:14px;background-position:-2743px 0px}.iti__flag.iti__kp{height:10px;background-position:-2765px 0px}.iti__flag.iti__kr{height:14px;background-position:-2787px 0px}.iti__flag.iti__kw{height:10px;background-position:-2809px 0px}.iti__flag.iti__ky{height:10px;background-position:-2831px 0px}.iti__flag.iti__kz{height:10px;background-position:-2853px 0px}.iti__flag.iti__la{height:14px;background-position:-2875px 0px}.iti__flag.iti__lb{height:14px;background-position:-2897px 0px}.iti__flag.iti__lc{height:10px;background-position:-2919px 0px}.iti__flag.iti__li{height:12px;background-position:-2941px 0px}.iti__flag.iti__lk{height:10px;background-position:-2963px 0px}.iti__flag.iti__lr{height:11px;background-position:-2985px 0px}.iti__flag.iti__ls{height:14px;background-position:-3007px 0px}.iti__flag.iti__lt{height:12px;background-position:-3029px 0px}.iti__flag.iti__lu{height:12px;background-position:-3051px 0px}.iti__flag.iti__lv{height:10px;background-position:-3073px 0px}.iti__flag.iti__ly{height:10px;background-position:-3095px 0px}.iti__flag.iti__ma{height:14px;background-position:-3117px 0px}.iti__flag.iti__mc{height:15px;background-position:-3139px 0px}.iti__flag.iti__md{height:10px;background-position:-3160px 0px}.iti__flag.iti__me{height:10px;background-position:-3182px 0px}.iti__flag.iti__mf{height:14px;background-position:-3204px 0px}.iti__flag.iti__mg{height:14px;background-position:-3226px 0px}.iti__flag.iti__mh{height:11px;background-position:-3248px 0px}.iti__flag.iti__mk{height:10px;background-position:-3270px 0px}.iti__flag.iti__ml{height:14px;background-position:-3292px 0px}.iti__flag.iti__mm{height:14px;background-position:-3314px 0px}.iti__flag.iti__mn{height:10px;background-position:-3336px 0px}.iti__flag.iti__mo{height:14px;background-position:-3358px 0px}.iti__flag.iti__mp{height:10px;background-position:-3380px 0px}.iti__flag.iti__mq{height:14px;background-position:-3402px 0px}.iti__flag.iti__mr{height:14px;background-position:-3424px 0px}.iti__flag.iti__ms{height:10px;background-position:-3446px 0px}.iti__flag.iti__mt{height:14px;background-position:-3468px 0px}.iti__flag.iti__mu{height:14px;background-position:-3490px 0px}.iti__flag.iti__mv{height:14px;background-position:-3512px 0px}.iti__flag.iti__mw{height:14px;background-position:-3534px 0px}.iti__flag.iti__mx{height:12px;background-position:-3556px 0px}.iti__flag.iti__my{height:10px;background-position:-3578px 0px}.iti__flag.iti__mz{height:14px;background-position:-3600px 0px}.iti__flag.iti__na{height:14px;background-position:-3622px 0px}.iti__flag.iti__nc{height:10px;background-position:-3644px 0px}.iti__flag.iti__ne{height:15px;background-position:-3666px 0px}.iti__flag.iti__nf{height:10px;background-position:-3686px 0px}.iti__flag.iti__ng{height:10px;background-position:-3708px 0px}.iti__flag.iti__ni{height:12px;background-position:-3730px 0px}.iti__flag.iti__nl{height:14px;background-position:-3752px 0px}.iti__flag.iti__no{height:15px;background-position:-3774px 0px}.iti__flag.iti__np{height:15px;background-position:-3796px 0px}.iti__flag.iti__nr{height:10px;background-position:-3811px 0px}.iti__flag.iti__nu{height:10px;background-position:-3833px 0px}.iti__flag.iti__nz{height:10px;background-position:-3855px 0px}.iti__flag.iti__om{height:10px;background-position:-3877px 0px}.iti__flag.iti__pa{height:14px;background-position:-3899px 0px}.iti__flag.iti__pe{height:14px;background-position:-3921px 0px}.iti__flag.iti__pf{height:14px;background-position:-3943px 0px}.iti__flag.iti__pg{height:15px;background-position:-3965px 0px}.iti__flag.iti__ph{height:10px;background-position:-3987px 0px}.iti__flag.iti__pk{height:14px;background-position:-4009px 0px}.iti__flag.iti__pl{height:13px;background-position:-4031px 0px}.iti__flag.iti__pm{height:14px;background-position:-4053px 0px}.iti__flag.iti__pn{height:10px;background-position:-4075px 0px}.iti__flag.iti__pr{height:14px;background-position:-4097px 0px}.iti__flag.iti__ps{height:10px;background-position:-4119px 0px}.iti__flag.iti__pt{height:14px;background-position:-4141px 0px}.iti__flag.iti__pw{height:13px;background-position:-4163px 0px}.iti__flag.iti__py{height:11px;background-position:-4185px 0px}.iti__flag.iti__qa{height:8px;background-position:-4207px 0px}.iti__flag.iti__re{height:14px;background-position:-4229px 0px}.iti__flag.iti__ro{height:14px;background-position:-4251px 0px}.iti__flag.iti__rs{height:14px;background-position:-4273px 0px}.iti__flag.iti__ru{height:14px;background-position:-4295px 0px}.iti__flag.iti__rw{height:14px;background-position:-4317px 0px}.iti__flag.iti__sa{height:14px;background-position:-4339px 0px}.iti__flag.iti__sb{height:10px;background-position:-4361px 0px}.iti__flag.iti__sc{height:10px;background-position:-4383px 0px}.iti__flag.iti__sd{height:10px;background-position:-4405px 0px}.iti__flag.iti__se{height:13px;background-position:-4427px 0px}.iti__flag.iti__sg{height:14px;background-position:-4449px 0px}.iti__flag.iti__sh{height:10px;background-position:-4471px 0px}.iti__flag.iti__si{height:10px;background-position:-4493px 0px}.iti__flag.iti__sj{height:15px;background-position:-4515px 0px}.iti__flag.iti__sk{height:14px;background-position:-4537px 0px}.iti__flag.iti__sl{height:14px;background-position:-4559px 0px}.iti__flag.iti__sm{height:15px;background-position:-4581px 0px}.iti__flag.iti__sn{height:14px;background-position:-4603px 0px}.iti__flag.iti__so{height:14px;background-position:-4625px 0px}.iti__flag.iti__sr{height:14px;background-position:-4647px 0px}.iti__flag.iti__ss{height:10px;background-position:-4669px 0px}.iti__flag.iti__st{height:10px;background-position:-4691px 0px}.iti__flag.iti__sv{height:12px;background-position:-4713px 0px}.iti__flag.iti__sx{height:14px;background-position:-4735px 0px}.iti__flag.iti__sy{height:14px;background-position:-4757px 0px}.iti__flag.iti__sz{height:14px;background-position:-4779px 0px}.iti__flag.iti__ta{height:10px;background-position:-4801px 0px}.iti__flag.iti__tc{height:10px;background-position:-4823px 0px}.iti__flag.iti__td{height:14px;background-position:-4845px 0px}.iti__flag.iti__tf{height:14px;background-position:-4867px 0px}.iti__flag.iti__tg{height:13px;background-position:-4889px 0px}.iti__flag.iti__th{height:14px;background-position:-4911px 0px}.iti__flag.iti__tj{height:10px;background-position:-4933px 0px}.iti__flag.iti__tk{height:10px;background-position:-4955px 0px}.iti__flag.iti__tl{height:10px;background-position:-4977px 0px}.iti__flag.iti__tm{height:14px;background-position:-4999px 0px}.iti__flag.iti__tn{height:14px;background-position:-5021px 0px}.iti__flag.iti__to{height:10px;background-position:-5043px 0px}.iti__flag.iti__tr{height:14px;background-position:-5065px 0px}.iti__flag.iti__tt{height:12px;background-position:-5087px 0px}.iti__flag.iti__tv{height:10px;background-position:-5109px 0px}.iti__flag.iti__tw{height:14px;background-position:-5131px 0px}.iti__flag.iti__tz{height:14px;background-position:-5153px 0px}.iti__flag.iti__ua{height:14px;background-position:-5175px 0px}.iti__flag.iti__ug{height:14px;background-position:-5197px 0px}.iti__flag.iti__um{height:11px;background-position:-5219px 0px}.iti__flag.iti__un{height:14px;background-position:-5241px 0px}.iti__flag.iti__us{height:11px;background-position:-5263px 0px}.iti__flag.iti__uy{height:14px;background-position:-5285px 0px}.iti__flag.iti__uz{height:10px;background-position:-5307px 0px}.iti__flag.iti__va{height:15px;background-position:-5329px 0px}.iti__flag.iti__vc{height:14px;background-position:-5346px 0px}.iti__flag.iti__ve{height:14px;background-position:-5368px 0px}.iti__flag.iti__vg{height:10px;background-position:-5390px 0px}.iti__flag.iti__vi{height:14px;background-position:-5412px 0px}.iti__flag.iti__vn{height:14px;background-position:-5434px 0px}.iti__flag.iti__vu{height:12px;background-position:-5456px 0px}.iti__flag.iti__wf{height:14px;background-position:-5478px 0px}.iti__flag.iti__ws{height:10px;background-position:-5500px 0px}.iti__flag.iti__xk{height:15px;background-position:-5522px 0px}.iti__flag.iti__ye{height:14px;background-position:-5544px 0px}.iti__flag.iti__yt{height:14px;background-position:-5566px 0px}.iti__flag.iti__za{height:14px;background-position:-5588px 0px}.iti__flag.iti__zm{height:14px;background-position:-5610px 0px}.iti__flag.iti__zw{height:10px;background-position:-5632px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(\"../img/flags.png\");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url(\"../img/flags@2x.png\")}}.iti__flag.iti__np{background-color:transparent}:host{display:flex;flex-grow:1;padding-left:3px;padding-right:3px}:host .iti{flex-grow:1}:host .iti__flag{background-image:url(\"https://cdn.jsdelivr.net/npm/sas-ui/dist/sas-ui/libs/intl-tel-input/img/flags.png\")}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){:host .iti__flag{background-image:url(\"https://cdn.jsdelivr.net/npm/sas-ui/dist/sas-ui/libs/intl-tel-input/img/flags@2x.png\")}}:host .iti--allow-dropdown{display:inline-flex}:host .iti__flag-container{padding:0}:host .iti__flag-container .iti__selected-flag:focus{outline:none}:host #phone{border:none;flex-grow:1;box-sizing:border-box;color:var(--s-500);font-family:roboto, \"Font Awesome 5 Pro\";font-size:14px;text-overflow:ellipsis;width:100%}:host #phone2Container{display:none}:host #phone:focus-within{outline:none}:host ::-webkit-input-placeholder{color:var(--s-400)}:host :-ms-input-placeholder{color:var(--s-400)}:host ::placeholder{color:var(--s-400)}";
|
|
3647
|
+
const sasInputTelCss = ".iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=text],.iti input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);background-color:white;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width: 500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:none}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0, 0, 0, 0.05)}.iti__flag-box,.iti__country-name{margin-right:6px}[dir=rtl] .iti__flag-box,[dir=rtl] .iti__country-name{margin-right:0;margin-left:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input,[dir=rtl] .iti--allow-dropdown input[type=text],[dir=rtl] .iti--allow-dropdown input[type=tel],[dir=rtl] .iti--separate-dial-code input,[dir=rtl] .iti--separate-dial-code input[type=text],[dir=rtl] .iti--separate-dial-code input[type=tel]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:12px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cq{height:12px;background-position:-1115px 0px}.iti__flag.iti__cr{height:12px;background-position:-1137px 0px}.iti__flag.iti__cu{height:10px;background-position:-1159px 0px}.iti__flag.iti__cv{height:12px;background-position:-1181px 0px}.iti__flag.iti__cw{height:14px;background-position:-1203px 0px}.iti__flag.iti__cx{height:10px;background-position:-1225px 0px}.iti__flag.iti__cy{height:14px;background-position:-1247px 0px}.iti__flag.iti__cz{height:14px;background-position:-1269px 0px}.iti__flag.iti__de{height:12px;background-position:-1291px 0px}.iti__flag.iti__dg{height:10px;background-position:-1313px 0px}.iti__flag.iti__dj{height:14px;background-position:-1335px 0px}.iti__flag.iti__dk{height:15px;background-position:-1357px 0px}.iti__flag.iti__dm{height:10px;background-position:-1379px 0px}.iti__flag.iti__do{height:14px;background-position:-1401px 0px}.iti__flag.iti__dz{height:14px;background-position:-1423px 0px}.iti__flag.iti__ea{height:14px;background-position:-1445px 0px}.iti__flag.iti__ec{height:14px;background-position:-1467px 0px}.iti__flag.iti__ee{height:13px;background-position:-1489px 0px}.iti__flag.iti__eg{height:14px;background-position:-1511px 0px}.iti__flag.iti__eh{height:10px;background-position:-1533px 0px}.iti__flag.iti__er{height:10px;background-position:-1555px 0px}.iti__flag.iti__es{height:14px;background-position:-1577px 0px}.iti__flag.iti__et{height:10px;background-position:-1599px 0px}.iti__flag.iti__eu{height:14px;background-position:-1621px 0px}.iti__flag.iti__ez{height:14px;background-position:-1643px 0px}.iti__flag.iti__fi{height:12px;background-position:-1665px 0px}.iti__flag.iti__fj{height:10px;background-position:-1687px 0px}.iti__flag.iti__fk{height:10px;background-position:-1709px 0px}.iti__flag.iti__fm{height:11px;background-position:-1731px 0px}.iti__flag.iti__fo{height:15px;background-position:-1753px 0px}.iti__flag.iti__fr{height:14px;background-position:-1775px 0px}.iti__flag.iti__fx{height:14px;background-position:-1797px 0px}.iti__flag.iti__ga{height:15px;background-position:-1819px 0px}.iti__flag.iti__gb{height:10px;background-position:-1841px 0px}.iti__flag.iti__gd{height:12px;background-position:-1863px 0px}.iti__flag.iti__ge{height:14px;background-position:-1885px 0px}.iti__flag.iti__gf{height:14px;background-position:-1907px 0px}.iti__flag.iti__gg{height:14px;background-position:-1929px 0px}.iti__flag.iti__gh{height:14px;background-position:-1951px 0px}.iti__flag.iti__gi{height:10px;background-position:-1973px 0px}.iti__flag.iti__gl{height:14px;background-position:-1995px 0px}.iti__flag.iti__gm{height:14px;background-position:-2017px 0px}.iti__flag.iti__gn{height:14px;background-position:-2039px 0px}.iti__flag.iti__gp{height:14px;background-position:-2061px 0px}.iti__flag.iti__gq{height:14px;background-position:-2083px 0px}.iti__flag.iti__gr{height:14px;background-position:-2105px 0px}.iti__flag.iti__gs{height:10px;background-position:-2127px 0px}.iti__flag.iti__gt{height:13px;background-position:-2149px 0px}.iti__flag.iti__gu{height:11px;background-position:-2171px 0px}.iti__flag.iti__gw{height:10px;background-position:-2193px 0px}.iti__flag.iti__gy{height:12px;background-position:-2215px 0px}.iti__flag.iti__hk{height:14px;background-position:-2237px 0px}.iti__flag.iti__hm{height:10px;background-position:-2259px 0px}.iti__flag.iti__hn{height:10px;background-position:-2281px 0px}.iti__flag.iti__hr{height:10px;background-position:-2303px 0px}.iti__flag.iti__ht{height:12px;background-position:-2325px 0px}.iti__flag.iti__hu{height:10px;background-position:-2347px 0px}.iti__flag.iti__ic{height:14px;background-position:-2369px 0px}.iti__flag.iti__id{height:14px;background-position:-2391px 0px}.iti__flag.iti__ie{height:10px;background-position:-2413px 0px}.iti__flag.iti__il{height:15px;background-position:-2435px 0px}.iti__flag.iti__im{height:10px;background-position:-2457px 0px}.iti__flag.iti__in{height:14px;background-position:-2479px 0px}.iti__flag.iti__io{height:10px;background-position:-2501px 0px}.iti__flag.iti__iq{height:14px;background-position:-2523px 0px}.iti__flag.iti__ir{height:12px;background-position:-2545px 0px}.iti__flag.iti__is{height:15px;background-position:-2567px 0px}.iti__flag.iti__it{height:14px;background-position:-2589px 0px}.iti__flag.iti__je{height:12px;background-position:-2611px 0px}.iti__flag.iti__jm{height:10px;background-position:-2633px 0px}.iti__flag.iti__jo{height:10px;background-position:-2655px 0px}.iti__flag.iti__jp{height:14px;background-position:-2677px 0px}.iti__flag.iti__ke{height:14px;background-position:-2699px 0px}.iti__flag.iti__kg{height:12px;background-position:-2721px 0px}.iti__flag.iti__kh{height:13px;background-position:-2743px 0px}.iti__flag.iti__ki{height:10px;background-position:-2765px 0px}.iti__flag.iti__km{height:12px;background-position:-2787px 0px}.iti__flag.iti__kn{height:14px;background-position:-2809px 0px}.iti__flag.iti__kp{height:10px;background-position:-2831px 0px}.iti__flag.iti__kr{height:14px;background-position:-2853px 0px}.iti__flag.iti__kw{height:10px;background-position:-2875px 0px}.iti__flag.iti__ky{height:10px;background-position:-2897px 0px}.iti__flag.iti__kz{height:10px;background-position:-2919px 0px}.iti__flag.iti__la{height:14px;background-position:-2941px 0px}.iti__flag.iti__lb{height:14px;background-position:-2963px 0px}.iti__flag.iti__lc{height:10px;background-position:-2985px 0px}.iti__flag.iti__li{height:12px;background-position:-3007px 0px}.iti__flag.iti__lk{height:10px;background-position:-3029px 0px}.iti__flag.iti__lr{height:11px;background-position:-3051px 0px}.iti__flag.iti__ls{height:14px;background-position:-3073px 0px}.iti__flag.iti__lt{height:12px;background-position:-3095px 0px}.iti__flag.iti__lu{height:12px;background-position:-3117px 0px}.iti__flag.iti__lv{height:10px;background-position:-3139px 0px}.iti__flag.iti__ly{height:10px;background-position:-3161px 0px}.iti__flag.iti__ma{height:14px;background-position:-3183px 0px}.iti__flag.iti__mc{height:15px;background-position:-3205px 0px}.iti__flag.iti__md{height:10px;background-position:-3226px 0px}.iti__flag.iti__me{height:10px;background-position:-3248px 0px}.iti__flag.iti__mf{height:14px;background-position:-3270px 0px}.iti__flag.iti__mg{height:14px;background-position:-3292px 0px}.iti__flag.iti__mh{height:11px;background-position:-3314px 0px}.iti__flag.iti__mk{height:10px;background-position:-3336px 0px}.iti__flag.iti__ml{height:14px;background-position:-3358px 0px}.iti__flag.iti__mm{height:14px;background-position:-3380px 0px}.iti__flag.iti__mn{height:10px;background-position:-3402px 0px}.iti__flag.iti__mo{height:14px;background-position:-3424px 0px}.iti__flag.iti__mp{height:10px;background-position:-3446px 0px}.iti__flag.iti__mq{height:14px;background-position:-3468px 0px}.iti__flag.iti__mr{height:14px;background-position:-3490px 0px}.iti__flag.iti__ms{height:10px;background-position:-3512px 0px}.iti__flag.iti__mt{height:14px;background-position:-3534px 0px}.iti__flag.iti__mu{height:14px;background-position:-3556px 0px}.iti__flag.iti__mv{height:14px;background-position:-3578px 0px}.iti__flag.iti__mw{height:14px;background-position:-3600px 0px}.iti__flag.iti__mx{height:12px;background-position:-3622px 0px}.iti__flag.iti__my{height:10px;background-position:-3644px 0px}.iti__flag.iti__mz{height:14px;background-position:-3666px 0px}.iti__flag.iti__na{height:14px;background-position:-3688px 0px}.iti__flag.iti__nc{height:10px;background-position:-3710px 0px}.iti__flag.iti__ne{height:15px;background-position:-3732px 0px}.iti__flag.iti__nf{height:10px;background-position:-3752px 0px}.iti__flag.iti__ng{height:10px;background-position:-3774px 0px}.iti__flag.iti__ni{height:12px;background-position:-3796px 0px}.iti__flag.iti__nl{height:14px;background-position:-3818px 0px}.iti__flag.iti__no{height:15px;background-position:-3840px 0px}.iti__flag.iti__np{height:15px;background-position:-3862px 0px}.iti__flag.iti__nr{height:10px;background-position:-3877px 0px}.iti__flag.iti__nu{height:10px;background-position:-3899px 0px}.iti__flag.iti__nz{height:10px;background-position:-3921px 0px}.iti__flag.iti__om{height:10px;background-position:-3943px 0px}.iti__flag.iti__pa{height:14px;background-position:-3965px 0px}.iti__flag.iti__pe{height:14px;background-position:-3987px 0px}.iti__flag.iti__pf{height:14px;background-position:-4009px 0px}.iti__flag.iti__pg{height:15px;background-position:-4031px 0px}.iti__flag.iti__ph{height:10px;background-position:-4053px 0px}.iti__flag.iti__pk{height:14px;background-position:-4075px 0px}.iti__flag.iti__pl{height:13px;background-position:-4097px 0px}.iti__flag.iti__pm{height:14px;background-position:-4119px 0px}.iti__flag.iti__pn{height:10px;background-position:-4141px 0px}.iti__flag.iti__pr{height:14px;background-position:-4163px 0px}.iti__flag.iti__ps{height:10px;background-position:-4185px 0px}.iti__flag.iti__pt{height:14px;background-position:-4207px 0px}.iti__flag.iti__pw{height:13px;background-position:-4229px 0px}.iti__flag.iti__py{height:11px;background-position:-4251px 0px}.iti__flag.iti__qa{height:8px;background-position:-4273px 0px}.iti__flag.iti__re{height:14px;background-position:-4295px 0px}.iti__flag.iti__ro{height:14px;background-position:-4317px 0px}.iti__flag.iti__rs{height:14px;background-position:-4339px 0px}.iti__flag.iti__ru{height:14px;background-position:-4361px 0px}.iti__flag.iti__rw{height:14px;background-position:-4383px 0px}.iti__flag.iti__sa{height:14px;background-position:-4405px 0px}.iti__flag.iti__sb{height:10px;background-position:-4427px 0px}.iti__flag.iti__sc{height:10px;background-position:-4449px 0px}.iti__flag.iti__sd{height:10px;background-position:-4471px 0px}.iti__flag.iti__se{height:13px;background-position:-4493px 0px}.iti__flag.iti__sg{height:14px;background-position:-4515px 0px}.iti__flag.iti__sh{height:10px;background-position:-4537px 0px}.iti__flag.iti__si{height:10px;background-position:-4559px 0px}.iti__flag.iti__sj{height:15px;background-position:-4581px 0px}.iti__flag.iti__sk{height:14px;background-position:-4603px 0px}.iti__flag.iti__sl{height:14px;background-position:-4625px 0px}.iti__flag.iti__sm{height:15px;background-position:-4647px 0px}.iti__flag.iti__sn{height:14px;background-position:-4669px 0px}.iti__flag.iti__so{height:14px;background-position:-4691px 0px}.iti__flag.iti__sr{height:14px;background-position:-4713px 0px}.iti__flag.iti__ss{height:10px;background-position:-4735px 0px}.iti__flag.iti__st{height:10px;background-position:-4757px 0px}.iti__flag.iti__su{height:10px;background-position:-4779px 0px}.iti__flag.iti__sv{height:12px;background-position:-4801px 0px}.iti__flag.iti__sx{height:14px;background-position:-4823px 0px}.iti__flag.iti__sy{height:14px;background-position:-4845px 0px}.iti__flag.iti__sz{height:14px;background-position:-4867px 0px}.iti__flag.iti__ta{height:10px;background-position:-4889px 0px}.iti__flag.iti__tc{height:10px;background-position:-4911px 0px}.iti__flag.iti__td{height:14px;background-position:-4933px 0px}.iti__flag.iti__tf{height:14px;background-position:-4955px 0px}.iti__flag.iti__tg{height:13px;background-position:-4977px 0px}.iti__flag.iti__th{height:14px;background-position:-4999px 0px}.iti__flag.iti__tj{height:10px;background-position:-5021px 0px}.iti__flag.iti__tk{height:10px;background-position:-5043px 0px}.iti__flag.iti__tl{height:10px;background-position:-5065px 0px}.iti__flag.iti__tm{height:14px;background-position:-5087px 0px}.iti__flag.iti__tn{height:14px;background-position:-5109px 0px}.iti__flag.iti__to{height:10px;background-position:-5131px 0px}.iti__flag.iti__tr{height:14px;background-position:-5153px 0px}.iti__flag.iti__tt{height:12px;background-position:-5175px 0px}.iti__flag.iti__tv{height:10px;background-position:-5197px 0px}.iti__flag.iti__tw{height:14px;background-position:-5219px 0px}.iti__flag.iti__tz{height:14px;background-position:-5241px 0px}.iti__flag.iti__ua{height:14px;background-position:-5263px 0px}.iti__flag.iti__ug{height:14px;background-position:-5285px 0px}.iti__flag.iti__uk{height:10px;background-position:-5307px 0px}.iti__flag.iti__um{height:11px;background-position:-5329px 0px}.iti__flag.iti__un{height:14px;background-position:-5351px 0px}.iti__flag.iti__us{height:11px;background-position:-5373px 0px}.iti__flag.iti__uy{height:14px;background-position:-5395px 0px}.iti__flag.iti__uz{height:10px;background-position:-5417px 0px}.iti__flag.iti__va{height:15px;background-position:-5439px 0px}.iti__flag.iti__vc{height:14px;background-position:-5456px 0px}.iti__flag.iti__ve{height:14px;background-position:-5478px 0px}.iti__flag.iti__vg{height:10px;background-position:-5500px 0px}.iti__flag.iti__vi{height:14px;background-position:-5522px 0px}.iti__flag.iti__vn{height:14px;background-position:-5544px 0px}.iti__flag.iti__vu{height:12px;background-position:-5566px 0px}.iti__flag.iti__wf{height:14px;background-position:-5588px 0px}.iti__flag.iti__ws{height:10px;background-position:-5610px 0px}.iti__flag.iti__xk{height:15px;background-position:-5632px 0px}.iti__flag.iti__ye{height:14px;background-position:-5654px 0px}.iti__flag.iti__yt{height:14px;background-position:-5676px 0px}.iti__flag.iti__za{height:14px;background-position:-5698px 0px}.iti__flag.iti__zm{height:14px;background-position:-5720px 0px}.iti__flag.iti__zw{height:10px;background-position:-5742px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(\"../img/flags.png?1\");background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url(\"../img/flags@2x.png?1\")}}.iti__flag.iti__np{background-color:transparent}:host{display:flex;flex-grow:1;padding-left:3px;padding-right:3px}:host .iti{flex-grow:1}:host .iti__flag{background-image:url(\"https://cdn.jsdelivr.net/npm/sas-ui/dist/sas-ui/libs/intl-tel-input/img/flags.png\")}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){:host .iti__flag{background-image:url(\"https://cdn.jsdelivr.net/npm/sas-ui/dist/sas-ui/libs/intl-tel-input/img/flags@2x.png\")}}:host .iti--allow-dropdown{display:inline-flex}:host .iti__flag-container{padding:0}:host .iti__flag-container .iti__selected-flag:focus{outline:none}:host #phone{border:none;flex-grow:1;box-sizing:border-box;color:var(--s-500);font-family:roboto, \"Font Awesome 5 Pro\";font-size:14px;text-overflow:ellipsis;width:100%}:host #phone2Container{display:none}:host #phone:focus-within{outline:none}:host ::-webkit-input-placeholder{color:var(--s-400)}:host :-ms-input-placeholder{color:var(--s-400)}:host ::placeholder{color:var(--s-400)}";
|
|
3450
3648
|
|
|
3451
3649
|
let SasInputTel = class {
|
|
3452
3650
|
constructor(hostRef) {
|
|
@@ -3464,7 +3662,7 @@ let SasInputTel = class {
|
|
|
3464
3662
|
initialCountry: (_a = this.el.getAttribute('data-country')) !== null && _a !== void 0 ? _a : 'au',
|
|
3465
3663
|
placeholderNumberType: (_b = this.el.getAttribute('data-placeholderNumberType')) !== null && _b !== void 0 ? _b : 'MOBILE',
|
|
3466
3664
|
preferredCountries: ['au', 'ca', 'gb', 'nz', 'us'],
|
|
3467
|
-
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/
|
|
3665
|
+
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/utils.min.js',
|
|
3468
3666
|
});
|
|
3469
3667
|
const thisClone = this;
|
|
3470
3668
|
this.iti.promise.then(() => {
|
|
@@ -3484,14 +3682,14 @@ let SasInputTel = class {
|
|
|
3484
3682
|
nationalMode: false,
|
|
3485
3683
|
placeholderNumberType: (_d = this.el.getAttribute('data-placeholderNumberType')) !== null && _d !== void 0 ? _d : 'MOBILE',
|
|
3486
3684
|
preferredCountries: ['au', 'ca', 'gb', 'nz', 'us'],
|
|
3487
|
-
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/
|
|
3685
|
+
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/utils.min.js',
|
|
3488
3686
|
});
|
|
3489
3687
|
}
|
|
3490
3688
|
/**
|
|
3491
3689
|
* Check the componnet validity (only for components internal use)
|
|
3492
3690
|
*/
|
|
3493
3691
|
async getValidity() {
|
|
3494
|
-
return this.iti.
|
|
3692
|
+
return this.iti.isPossibleNumber();
|
|
3495
3693
|
}
|
|
3496
3694
|
/**
|
|
3497
3695
|
* Set country (only for components internal use)
|
|
@@ -3519,7 +3717,7 @@ let SasInputTel = class {
|
|
|
3519
3717
|
let isValidNumber = false;
|
|
3520
3718
|
// only check format
|
|
3521
3719
|
// parent input component will check value missing or not
|
|
3522
|
-
if (this.iti.
|
|
3720
|
+
if (this.iti.isPossibleNumber() || input.value === '') {
|
|
3523
3721
|
this.iti.setNumber(input.value);
|
|
3524
3722
|
isValidNumber = true;
|
|
3525
3723
|
}
|