Autoría | Ultima modificación | Ver Log |
/** International Telephone Input v17.0.8* https://github.com/jackocnr/intl-tel-input.git* Licensed under the MIT license*/// wrap in UMD(function(factory) {if (typeof module === "object" && module.exports) module.exports = factory(); else window.intlTelInput = factory();})(function(undefined) {"use strict";return function() {// Array of country objects for the flag dropdown.// Here is the criteria for the plugin to support a given country/territory// - It has an iso2 code: https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2// - It has it's own country calling code (it is not a sub-region of another country): https://en.wikipedia.org/wiki/List_of_country_calling_codes// - It has a flag in the region-flags project: https://github.com/behdad/region-flags/tree/gh-pages/png// - It is supported by libphonenumber (it must be listed on this page): https://github.com/googlei18n/libphonenumber/blob/master/resources/ShortNumberMetadata.xml// Each country array has the following information:// [// Country name,// iso2 code,// International dial code,// Order (if >1 country with same dial code),// Area codes// ]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" ], [ "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 AfricanRepublic (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" ], [ "Macedonia (FYROM) (Македонија)", "mk", "389" ], [ "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 (RepublicaMoldova)", "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" ], [ "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" ], [ "Wallisand 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" ] ] ];// loop over all of the countries above, restructuring the data to be objects with named keysfor (var i = 0; i < allCountries.length; i++) {var c = allCountries[i];allCountries[i] = {name: c[0],iso2: c[1],dialCode: c[2],priority: c[3] || 0,areaCodes: c[4] || null};}"use strict";function _classCallCheck(instance, Constructor) {if (!(instance instanceof Constructor)) {throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target, props) {for (var i = 0; i < props.length; i++) {var descriptor = props[i];descriptor.enumerable = descriptor.enumerable || false;descriptor.configurable = true;if ("value" in descriptor) descriptor.writable = true;Object.defineProperty(target, descriptor.key, descriptor);}}function _createClass(Constructor, protoProps, staticProps) {if (protoProps) _defineProperties(Constructor.prototype, protoProps);if (staticProps) _defineProperties(Constructor, staticProps);return Constructor;}var intlTelInputGlobals = {getInstance: function getInstance(input) {var id = input.getAttribute("data-intl-tel-input-id");return window.intlTelInputGlobals.instances[id];},instances: {},// using a global like this allows us to mock it in the testsdocumentReady: function documentReady() {return document.readyState === "complete";}};if (typeof window === "object") window.intlTelInputGlobals = intlTelInputGlobals;// these vars persist through all instances of the pluginvar id = 0;var defaults = {// whether or not to allow the dropdownallowDropdown: true,// if there is just a dial code in the input: remove it on blurautoHideDialCode: true,// add a placeholder in the input with an example number for the selected countryautoPlaceholder: "polite",// modify the parentClasscustomContainer: "",// modify the auto placeholdercustomPlaceholder: null,// append menu to specified elementdropdownContainer: null,// don't display these countriesexcludeCountries: [],// format the input value during initialisation and on setNumberformatOnDisplay: true,// geoIp lookup functiongeoIpLookup: null,// inject a hidden input with this name, and on submit, populate it with the result of getNumberhiddenInput: "",// initial countryinitialCountry: "",// localized country names e.g. { 'de': 'Deutschland' }localizedCountries: null,// don't insert international dial codesnationalMode: true,// display only these countriesonlyCountries: [],// number type to use for placeholdersplaceholderNumberType: "MOBILE",// the countries at the top of the list. defaults to united states and united kingdompreferredCountries: [ "us", "gb" ],// display the country dial code next to the selected flag so it's not part of the typed numberseparateDialCode: false,// specify the path to the libphonenumber script to enable validation/formattingutilsScript: ""};// https://en.wikipedia.org/wiki/List_of_North_American_Numbering_Plan_area_codes#Non-geographic_area_codesvar regionlessNanpNumbers = [ "800", "822", "833", "844", "855", "866", "877", "880", "881", "882", "883", "884", "885", "886", "887", "888", "889" ];// utility function to iterate over an object. can't use Object.entries or native forEach because// of IE11var forEachProp = function forEachProp(obj, callback) {var keys = Object.keys(obj);for (var i = 0; i < keys.length; i++) {callback(keys[i], obj[keys[i]]);}};// run a method on each instance of the pluginvar forEachInstance = function forEachInstance(method) {forEachProp(window.intlTelInputGlobals.instances, function(key) {window.intlTelInputGlobals.instances[key][method]();});};// this is our plugin class that we will create an instance of// eslint-disable-next-line no-unused-varsvar Iti = /*#__PURE__*/function() {function Iti(input, options) {var _this = this;_classCallCheck(this, Iti);this.id = id++;this.telInput = input;this.activeItem = null;this.highlightedItem = null;// process specified options / defaults// alternative to Object.assign, which isn't supported by IE11var customOptions = options || {};this.options = {};forEachProp(defaults, function(key, value) {_this.options[key] = customOptions.hasOwnProperty(key) ? customOptions[key] : value;});this.hadInitialPlaceholder = Boolean(input.getAttribute("placeholder"));}_createClass(Iti, [ {key: "_init",value: function _init() {var _this2 = this;// if in nationalMode, disable options relating to dial codesif (this.options.nationalMode) this.options.autoHideDialCode = false;// if separateDialCode then doesn't make sense to A) insert dial code into input// (autoHideDialCode), and B) display national numbers (because we're displaying the country// dial code next to them)if (this.options.separateDialCode) {this.options.autoHideDialCode = this.options.nationalMode = false;}// we cannot just test screen size as some smartphones/website meta tags will report desktop// resolutions// Note: for some reason jasmine breaks if you put this in the main Plugin function with the// rest of these declarations// Note: to target Android Mobiles (and not Tablets), we must find 'Android' and 'Mobile'this.isMobile = /Android.+Mobile|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);if (this.isMobile) {// trigger the mobile dropdown cssdocument.body.classList.add("iti-mobile");// on mobile, we want a full screen dropdown, so we must append it to the bodyif (!this.options.dropdownContainer) this.options.dropdownContainer = document.body;}// these promises get resolved when their individual requests complete// this way the dev can do something like iti.promise.then(...) to know when all requests are// completeif (typeof Promise !== "undefined") {var autoCountryPromise = new Promise(function(resolve, reject) {_this2.resolveAutoCountryPromise = resolve;_this2.rejectAutoCountryPromise = reject;});var utilsScriptPromise = new Promise(function(resolve, reject) {_this2.resolveUtilsScriptPromise = resolve;_this2.rejectUtilsScriptPromise = reject;});this.promise = Promise.all([ autoCountryPromise, utilsScriptPromise ]);} else {// prevent errors when Promise doesn't existthis.resolveAutoCountryPromise = this.rejectAutoCountryPromise = function() {};this.resolveUtilsScriptPromise = this.rejectUtilsScriptPromise = function() {};}// in various situations there could be no country selected initially, but we need to be able// to assume this variable existsthis.selectedCountryData = {};// process all the data: onlyCountries, excludeCountries, preferredCountries etcthis._processCountryData();// generate the markupthis._generateMarkup();// set the initial state of the input value and the selected flagthis._setInitialState();// start all of the event listeners: autoHideDialCode, input keydown, selectedFlag clickthis._initListeners();// utils script, and auto countrythis._initRequests();}}, {key: "_processCountryData",value: function _processCountryData() {// process onlyCountries or excludeCountries array if presentthis._processAllCountries();// process the countryCodes mapthis._processCountryCodes();// process the preferredCountriesthis._processPreferredCountries();// translate countries according to localizedCountries optionif (this.options.localizedCountries) this._translateCountriesByLocale();// sort countries by nameif (this.options.onlyCountries.length || this.options.localizedCountries) {this.countries.sort(this._countryNameSort);}}}, {key: "_addCountryCode",value: function _addCountryCode(iso2, countryCode, priority) {if (countryCode.length > this.countryCodeMaxLen) {this.countryCodeMaxLen = countryCode.length;}if (!this.countryCodes.hasOwnProperty(countryCode)) {this.countryCodes[countryCode] = [];}// bail if we already have this country for this countryCodefor (var i = 0; i < this.countryCodes[countryCode].length; i++) {if (this.countryCodes[countryCode][i] === iso2) return;}// check for undefined as 0 is falsyvar index = priority !== undefined ? priority : this.countryCodes[countryCode].length;this.countryCodes[countryCode][index] = iso2;}}, {key: "_processAllCountries",value: function _processAllCountries() {if (this.options.onlyCountries.length) {var lowerCaseOnlyCountries = this.options.onlyCountries.map(function(country) {return country.toLowerCase();});this.countries = allCountries.filter(function(country) {return lowerCaseOnlyCountries.indexOf(country.iso2) > -1;});} else if (this.options.excludeCountries.length) {var lowerCaseExcludeCountries = this.options.excludeCountries.map(function(country) {return country.toLowerCase();});this.countries = allCountries.filter(function(country) {return lowerCaseExcludeCountries.indexOf(country.iso2) === -1;});} else {this.countries = allCountries;}}}, {key: "_translateCountriesByLocale",value: function _translateCountriesByLocale() {for (var i = 0; i < this.countries.length; i++) {var iso = this.countries[i].iso2.toLowerCase();if (this.options.localizedCountries.hasOwnProperty(iso)) {this.countries[i].name = this.options.localizedCountries[iso];}}}}, {key: "_countryNameSort",value: function _countryNameSort(a, b) {return a.name.localeCompare(b.name);}}, {key: "_processCountryCodes",value: function _processCountryCodes() {this.countryCodeMaxLen = 0;// here we store just dial codesthis.dialCodes = {};// here we store "country codes" (both dial codes and their area codes)this.countryCodes = {};// first: add dial codesfor (var i = 0; i < this.countries.length; i++) {var c = this.countries[i];if (!this.dialCodes[c.dialCode]) this.dialCodes[c.dialCode] = true;this._addCountryCode(c.iso2, c.dialCode, c.priority);}// next: add area codes// this is a second loop over countries, to make sure we have all of the "root" countries// already in the map, so that we can access them, as each time we add an area code substring// to the map, we also need to include the "root" country's code, as that also matchesfor (var _i = 0; _i < this.countries.length; _i++) {var _c = this.countries[_i];// area codesif (_c.areaCodes) {var rootCountryCode = this.countryCodes[_c.dialCode][0];// for each area codefor (var j = 0; j < _c.areaCodes.length; j++) {var areaCode = _c.areaCodes[j];// for each digit in the area code to add all partial matches as wellfor (var k = 1; k < areaCode.length; k++) {var partialDialCode = _c.dialCode + areaCode.substr(0, k);// start with the root country, as that also matches this dial codethis._addCountryCode(rootCountryCode, partialDialCode);this._addCountryCode(_c.iso2, partialDialCode);}// add the full area codethis._addCountryCode(_c.iso2, _c.dialCode + areaCode);}}}}}, {key: "_processPreferredCountries",value: function _processPreferredCountries() {this.preferredCountries = [];for (var i = 0; i < this.options.preferredCountries.length; i++) {var countryCode = this.options.preferredCountries[i].toLowerCase();var countryData = this._getCountryData(countryCode, false, true);if (countryData) this.preferredCountries.push(countryData);}}}, {key: "_createEl",value: function _createEl(name, attrs, container) {var el = document.createElement(name);if (attrs) forEachProp(attrs, function(key, value) {return el.setAttribute(key, value);});if (container) container.appendChild(el);return el;}}, {key: "_generateMarkup",value: function _generateMarkup() {// if autocomplete does not exist on the element and its form, then// prevent autocomplete as there's no safe, cross-browser event we can react to, so it can// easily put the plugin in an inconsistent state e.g. the wrong flag selected for the// autocompleted number, which on submit could mean wrong number is saved (esp in nationalMode)if (!this.telInput.hasAttribute("autocomplete") && !(this.telInput.form && this.telInput.form.hasAttribute("autocomplete"))) {this.telInput.setAttribute("autocomplete", "off");}// containers (mostly for positioning)var parentClass = "iti";if (this.options.allowDropdown) parentClass += " iti--allow-dropdown";if (this.options.separateDialCode) parentClass += " iti--separate-dial-code";if (this.options.customContainer) {parentClass += " ";parentClass += this.options.customContainer;}var wrapper = this._createEl("div", {"class": parentClass});this.telInput.parentNode.insertBefore(wrapper, this.telInput);this.flagsContainer = this._createEl("div", {"class": "iti__flag-container"}, wrapper);wrapper.appendChild(this.telInput);// selected flag (displayed to left of input)this.selectedFlag = this._createEl("div", {"class": "iti__selected-flag",role: "combobox","aria-controls": "iti-".concat(this.id, "__country-listbox"),"aria-owns": "iti-".concat(this.id, "__country-listbox"),"aria-expanded": "false"}, this.flagsContainer);this.selectedFlagInner = this._createEl("div", {"class": "iti__flag"}, this.selectedFlag);if (this.options.separateDialCode) {this.selectedDialCode = this._createEl("div", {"class": "iti__selected-dial-code"}, this.selectedFlag);}if (this.options.allowDropdown) {// make element focusable and tab navigablethis.selectedFlag.setAttribute("tabindex", "0");this.dropdownArrow = this._createEl("div", {"class": "iti__arrow"}, this.selectedFlag);// country dropdown: preferred countries, then divider, then all countriesthis.countryList = this._createEl("ul", {"class": "iti__country-list iti__hide",id: "iti-".concat(this.id, "__country-listbox"),role: "listbox","aria-label": "List of countries"});if (this.preferredCountries.length) {this._appendListItems(this.preferredCountries, "iti__preferred", true);this._createEl("li", {"class": "iti__divider",role: "separator","aria-disabled": "true"}, this.countryList);}this._appendListItems(this.countries, "iti__standard");// create dropdownContainer markupif (this.options.dropdownContainer) {this.dropdown = this._createEl("div", {"class": "iti iti--container"});this.dropdown.appendChild(this.countryList);} else {this.flagsContainer.appendChild(this.countryList);}}if (this.options.hiddenInput) {var hiddenInputName = this.options.hiddenInput;var name = this.telInput.getAttribute("name");if (name) {var i = name.lastIndexOf("[");// if input name contains square brackets, then give the hidden input the same name,// replacing the contents of the last set of brackets with the given hiddenInput nameif (i !== -1) hiddenInputName = "".concat(name.substr(0, i), "[").concat(hiddenInputName, "]");}this.hiddenInput = this._createEl("input", {type: "hidden",name: hiddenInputName});wrapper.appendChild(this.hiddenInput);}}}, {key: "_appendListItems",value: function _appendListItems(countries, className, preferred) {// we create so many DOM elements, it is faster to build a temp string// and then add everything to the DOM in one go at the endvar tmp = "";// for each countryfor (var i = 0; i < countries.length; i++) {var c = countries[i];var idSuffix = preferred ? "-preferred" : "";// open the list itemtmp += "<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'>");// add the flagtmp += "<div class='iti__flag-box'><div class='iti__flag iti__".concat(c.iso2, "'></div></div>");// and the country name and dial codetmp += "<span class='iti__country-name'>".concat(c.name, "</span>");tmp += "<span class='iti__dial-code'>+".concat(c.dialCode, "</span>");// close the list itemtmp += "</li>";}this.countryList.insertAdjacentHTML("beforeend", tmp);}}, {key: "_setInitialState",value: function _setInitialState() {var val = this.telInput.value;var dialCode = this._getDialCode(val);var isRegionlessNanp = this._isRegionlessNanp(val);var _this$options = this.options, initialCountry = _this$options.initialCountry, nationalMode = _this$options.nationalMode, autoHideDialCode = _this$options.autoHideDialCode, separateDialCode = _this$options.separateDialCode;// if we already have a dial code, and it's not a regionlessNanp, we can go ahead and set the// flag, else fall back to the default countryif (dialCode && !isRegionlessNanp) {this._updateFlagFromNumber(val);} else if (initialCountry !== "auto") {// see if we should select a flagif (initialCountry) {this._setFlag(initialCountry.toLowerCase());} else {if (dialCode && isRegionlessNanp) {// has intl dial code, is regionless nanp, and no initialCountry, so default to USthis._setFlag("us");} else {// no dial code and no initialCountry, so default to first in listthis.defaultCountry = this.preferredCountries.length ? this.preferredCountries[0].iso2 : this.countries[0].iso2;if (!val) {this._setFlag(this.defaultCountry);}}}// if empty and no nationalMode and no autoHideDialCode then insert the default dial codeif (!val && !nationalMode && !autoHideDialCode && !separateDialCode) {this.telInput.value = "+".concat(this.selectedCountryData.dialCode);}}// NOTE: if initialCountry is set to auto, that will be handled separately// format - note this wont be run after _updateDialCode as that's only called if no valif (val) this._updateValFromNumber(val);}}, {key: "_initListeners",value: function _initListeners() {this._initKeyListeners();if (this.options.autoHideDialCode) this._initBlurListeners();if (this.options.allowDropdown) this._initDropdownListeners();if (this.hiddenInput) this._initHiddenInputListener();}}, {key: "_initHiddenInputListener",value: function _initHiddenInputListener() {var _this3 = this;this._handleHiddenInputSubmit = function() {_this3.hiddenInput.value = _this3.getNumber();};if (this.telInput.form) this.telInput.form.addEventListener("submit", this._handleHiddenInputSubmit);}}, {key: "_getClosestLabel",value: function _getClosestLabel() {var el = this.telInput;while (el && el.tagName !== "LABEL") {el = el.parentNode;}return el;}}, {key: "_initDropdownListeners",value: function _initDropdownListeners() {var _this4 = this;// hack for input nested inside label (which is valid markup): clicking the selected-flag to// open the dropdown would then automatically trigger a 2nd click on the input which would// close it againthis._handleLabelClick = function(e) {// if the dropdown is closed, then focus the input, else ignore the clickif (_this4.countryList.classList.contains("iti__hide")) _this4.telInput.focus(); else e.preventDefault();};var label = this._getClosestLabel();if (label) label.addEventListener("click", this._handleLabelClick);// toggle country dropdown on clickthis._handleClickSelectedFlag = function() {// only intercept this event if we're opening the dropdown// else let it bubble up to the top ("click-off-to-close" listener)// we cannot just stopPropagation as it may be needed to close another instanceif (_this4.countryList.classList.contains("iti__hide") && !_this4.telInput.disabled && !_this4.telInput.readOnly) {_this4._showDropdown();}};this.selectedFlag.addEventListener("click", this._handleClickSelectedFlag);// open dropdown list if currently focusedthis._handleFlagsContainerKeydown = function(e) {var isDropdownHidden = _this4.countryList.classList.contains("iti__hide");if (isDropdownHidden && [ "ArrowUp", "Up", "ArrowDown", "Down", " ", "Enter" ].indexOf(e.key) !== -1) {// prevent form from being submitted if "ENTER" was pressede.preventDefault();// prevent event from being handled again by documente.stopPropagation();_this4._showDropdown();}// allow navigation from dropdown to input on TABif (e.key === "Tab") _this4._closeDropdown();};this.flagsContainer.addEventListener("keydown", this._handleFlagsContainerKeydown);}}, {key: "_initRequests",value: function _initRequests() {var _this5 = this;// if the user has specified the path to the utils script, fetch it on window.load, else resolveif (this.options.utilsScript && !window.intlTelInputUtils) {// if the plugin is being initialised after the window.load event has already been firedif (window.intlTelInputGlobals.documentReady()) {window.intlTelInputGlobals.loadUtils(this.options.utilsScript);} else {// wait until the load event so we don't block any other requests e.g. the flags imagewindow.addEventListener("load", function() {window.intlTelInputGlobals.loadUtils(_this5.options.utilsScript);});}} else this.resolveUtilsScriptPromise();if (this.options.initialCountry === "auto") this._loadAutoCountry(); else this.resolveAutoCountryPromise();}}, {key: "_loadAutoCountry",value: function _loadAutoCountry() {// 3 options:// 1) already loaded (we're done)// 2) not already started loading (start)// 3) already started loading (do nothing - just wait for loading callback to fire)if (window.intlTelInputGlobals.autoCountry) {this.handleAutoCountry();} else if (!window.intlTelInputGlobals.startedLoadingAutoCountry) {// don't do this twice!window.intlTelInputGlobals.startedLoadingAutoCountry = true;if (typeof this.options.geoIpLookup === "function") {this.options.geoIpLookup(function(countryCode) {window.intlTelInputGlobals.autoCountry = countryCode.toLowerCase();// tell all instances the auto country is ready// TODO: this should just be the current instances// UPDATE: use setTimeout in case their geoIpLookup function calls this callback straight// away (e.g. if they have already done the geo ip lookup somewhere else). Using// setTimeout means that the current thread of execution will finish before executing// this, which allows the plugin to finish initialising.setTimeout(function() {return forEachInstance("handleAutoCountry");});}, function() {return forEachInstance("rejectAutoCountryPromise");});}}}}, {key: "_initKeyListeners",value: function _initKeyListeners() {var _this6 = this;// update flag on keyupthis._handleKeyupEvent = function() {if (_this6._updateFlagFromNumber(_this6.telInput.value)) {_this6._triggerCountryChange();}};this.telInput.addEventListener("keyup", this._handleKeyupEvent);// update flag on cut/paste events (now supported in all major browsers)this._handleClipboardEvent = function() {// hack because "paste" event is fired before input is updatedsetTimeout(_this6._handleKeyupEvent);};this.telInput.addEventListener("cut", this._handleClipboardEvent);this.telInput.addEventListener("paste", this._handleClipboardEvent);}}, {key: "_cap",value: function _cap(number) {var max = this.telInput.getAttribute("maxlength");return max && number.length > max ? number.substr(0, max) : number;}}, {key: "_initBlurListeners",value: function _initBlurListeners() {var _this7 = this;// on blur or form submit: if just a dial code then remove itthis._handleSubmitOrBlurEvent = function() {_this7._removeEmptyDialCode();};if (this.telInput.form) this.telInput.form.addEventListener("submit", this._handleSubmitOrBlurEvent);this.telInput.addEventListener("blur", this._handleSubmitOrBlurEvent);}}, {key: "_removeEmptyDialCode",value: function _removeEmptyDialCode() {if (this.telInput.value.charAt(0) === "+") {var numeric = this._getNumeric(this.telInput.value);// if just a plus, or if just a dial codeif (!numeric || this.selectedCountryData.dialCode === numeric) {this.telInput.value = "";}}}}, {key: "_getNumeric",value: function _getNumeric(s) {return s.replace(/\D/g, "");}}, {key: "_trigger",value: function _trigger(name) {// have to use old school document.createEvent as IE11 doesn't support `new Event()` syntaxvar e = document.createEvent("Event");e.initEvent(name, true, true);// can bubble, and is cancellablethis.telInput.dispatchEvent(e);}}, {key: "_showDropdown",value: function _showDropdown() {this.countryList.classList.remove("iti__hide");this.selectedFlag.setAttribute("aria-expanded", "true");this._setDropdownPosition();// update highlighting and scroll to active list itemif (this.activeItem) {this._highlightListItem(this.activeItem, false);this._scrollTo(this.activeItem, true);}// bind all the dropdown-related listeners: mouseover, click, click-off, keydownthis._bindDropdownListeners();// update the arrowthis.dropdownArrow.classList.add("iti__arrow--up");this._trigger("open:countrydropdown");}}, {key: "_toggleClass",value: function _toggleClass(el, className, shouldHaveClass) {if (shouldHaveClass && !el.classList.contains(className)) el.classList.add(className); else if (!shouldHaveClass && el.classList.contains(className)) el.classList.remove(className);}}, {key: "_setDropdownPosition",value: function _setDropdownPosition() {var _this8 = this;if (this.options.dropdownContainer) {this.options.dropdownContainer.appendChild(this.dropdown);}if (!this.isMobile) {var pos = this.telInput.getBoundingClientRect();// windowTop from https://stackoverflow.com/a/14384091/217866var windowTop = window.pageYOffset || document.documentElement.scrollTop;var inputTop = pos.top + windowTop;var dropdownHeight = this.countryList.offsetHeight;// dropdownFitsBelow = (dropdownBottom < windowBottom)var dropdownFitsBelow = inputTop + this.telInput.offsetHeight + dropdownHeight < windowTop + window.innerHeight;var dropdownFitsAbove = inputTop - dropdownHeight > windowTop;// by default, the dropdown will be below the input. If we want to position it above the// input, we add the dropup class.this._toggleClass(this.countryList, "iti__country-list--dropup", !dropdownFitsBelow && dropdownFitsAbove);// if dropdownContainer is enabled, calculate postionif (this.options.dropdownContainer) {// by default the dropdown will be directly over the input because it's not in the flow.// If we want to position it below, we need to add some extra top value.var extraTop = !dropdownFitsBelow && dropdownFitsAbove ? 0 : this.telInput.offsetHeight;// calculate placementthis.dropdown.style.top = "".concat(inputTop + extraTop, "px");this.dropdown.style.left = "".concat(pos.left + document.body.scrollLeft, "px");// close menu on window scrollthis._handleWindowScroll = function() {return _this8._closeDropdown();};window.addEventListener("scroll", this._handleWindowScroll);}}}}, {key: "_getClosestListItem",value: function _getClosestListItem(target) {var el = target;while (el && el !== this.countryList && !el.classList.contains("iti__country")) {el = el.parentNode;}// if we reached the countryList element, then return nullreturn el === this.countryList ? null : el;}}, {key: "_bindDropdownListeners",value: function _bindDropdownListeners() {var _this9 = this;// when mouse over a list item, just highlight that one// we add the class "highlight", so if they hit "enter" we know which one to selectthis._handleMouseoverCountryList = function(e) {// handle event delegation, as we're listening for this event on the countryListvar listItem = _this9._getClosestListItem(e.target);if (listItem) _this9._highlightListItem(listItem, false);};this.countryList.addEventListener("mouseover", this._handleMouseoverCountryList);// listen for country selectionthis._handleClickCountryList = function(e) {var listItem = _this9._getClosestListItem(e.target);if (listItem) _this9._selectListItem(listItem);};this.countryList.addEventListener("click", this._handleClickCountryList);// click off to close// (except when this initial opening click is bubbling up)// we cannot just stopPropagation as it may be needed to close another instancevar isOpening = true;this._handleClickOffToClose = function() {if (!isOpening) _this9._closeDropdown();isOpening = false;};document.documentElement.addEventListener("click", this._handleClickOffToClose);// listen for up/down scrolling, enter to select, or letters to jump to country name.// use keydown as keypress doesn't fire for non-char keys and we want to catch if they// just hit down and hold it to scroll down (no keyup event).// listen on the document because that's where key events are triggered if no input has focusvar query = "";var queryTimer = null;this._handleKeydownOnDropdown = function(e) {// prevent down key from scrolling the whole page,// and enter key from submitting a form etce.preventDefault();// up and down to navigateif (e.key === "ArrowUp" || e.key === "Up" || e.key === "ArrowDown" || e.key === "Down") _this9._handleUpDownKey(e.key); else if (e.key === "Enter") _this9._handleEnterKey(); else if (e.key === "Escape") _this9._closeDropdown(); else if (/^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(e.key)) {// jump to countries that start with the query stringif (queryTimer) clearTimeout(queryTimer);query += e.key.toLowerCase();_this9._searchForCountry(query);// if the timer hits 1 second, reset the queryqueryTimer = setTimeout(function() {query = "";}, 1e3);}};document.addEventListener("keydown", this._handleKeydownOnDropdown);}}, {key: "_handleUpDownKey",value: function _handleUpDownKey(key) {var next = key === "ArrowUp" || key === "Up" ? this.highlightedItem.previousElementSibling : this.highlightedItem.nextElementSibling;if (next) {// skip the dividerif (next.classList.contains("iti__divider")) {next = key === "ArrowUp" || key === "Up" ? next.previousElementSibling : next.nextElementSibling;}this._highlightListItem(next, true);}}}, {key: "_handleEnterKey",value: function _handleEnterKey() {if (this.highlightedItem) this._selectListItem(this.highlightedItem);}}, {key: "_searchForCountry",value: function _searchForCountry(query) {for (var i = 0; i < this.countries.length; i++) {if (this._startsWith(this.countries[i].name, query)) {var listItem = this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(this.countries[i].iso2));// update highlighting and scrollthis._highlightListItem(listItem, false);this._scrollTo(listItem, true);break;}}}}, {key: "_startsWith",value: function _startsWith(a, b) {return a.substr(0, b.length).toLowerCase() === b;}}, {key: "_updateValFromNumber",value: function _updateValFromNumber(originalNumber) {var number = originalNumber;if (this.options.formatOnDisplay && window.intlTelInputUtils && this.selectedCountryData) {var useNational = !this.options.separateDialCode && (this.options.nationalMode || number.charAt(0) !== "+");var _intlTelInputUtils$nu = intlTelInputUtils.numberFormat, NATIONAL = _intlTelInputUtils$nu.NATIONAL, INTERNATIONAL = _intlTelInputUtils$nu.INTERNATIONAL;var format = useNational ? NATIONAL : INTERNATIONAL;number = intlTelInputUtils.formatNumber(number, this.selectedCountryData.iso2, format);}number = this._beforeSetNumber(number);this.telInput.value = number;}}, {key: "_updateFlagFromNumber",value: function _updateFlagFromNumber(originalNumber) {// if we're in nationalMode and we already have US/Canada selected, make sure the number starts// with a +1 so _getDialCode will be able to extract the area code// update: if we dont yet have selectedCountryData, but we're here (trying to update the flag// from the number), that means we're initialising the plugin with a number that already has a// dial code, so fine to ignore this bitvar number = originalNumber;var selectedDialCode = this.selectedCountryData.dialCode;var isNanp = selectedDialCode === "1";if (number && this.options.nationalMode && isNanp && number.charAt(0) !== "+") {if (number.charAt(0) !== "1") number = "1".concat(number);number = "+".concat(number);}// update flag if user types area code for another countryif (this.options.separateDialCode && selectedDialCode && number.charAt(0) !== "+") {number = "+".concat(selectedDialCode).concat(number);}// try and extract valid dial code from inputvar dialCode = this._getDialCode(number, true);var numeric = this._getNumeric(number);var countryCode = null;if (dialCode) {var countryCodes = this.countryCodes[this._getNumeric(dialCode)];// check if the right country is already selected. this should be false if the number is// longer than the matched dial code because in this case we need to make sure that if// there are multiple country matches, that the first one is selected (note: we could// just check that here, but it requires the same loop that we already have later)var alreadySelected = countryCodes.indexOf(this.selectedCountryData.iso2) !== -1 && numeric.length <= dialCode.length - 1;var isRegionlessNanpNumber = selectedDialCode === "1" && this._isRegionlessNanp(numeric);// only update the flag if:// A) NOT (we currently have a NANP flag selected, and the number is a regionlessNanp)// AND// B) the right country is not already selectedif (!isRegionlessNanpNumber && !alreadySelected) {// if using onlyCountries option, countryCodes[0] may be empty, so we must find the first// non-empty indexfor (var j = 0; j < countryCodes.length; j++) {if (countryCodes[j]) {countryCode = countryCodes[j];break;}}}} else if (number.charAt(0) === "+" && numeric.length) {// invalid dial code, so empty// Note: use getNumeric here because the number has not been formatted yet, so could contain// bad charscountryCode = "";} else if (!number || number === "+") {// empty, or just a plus, so defaultcountryCode = this.defaultCountry;}if (countryCode !== null) {return this._setFlag(countryCode);}return false;}}, {key: "_isRegionlessNanp",value: function _isRegionlessNanp(number) {var numeric = this._getNumeric(number);if (numeric.charAt(0) === "1") {var areaCode = numeric.substr(1, 3);return regionlessNanpNumbers.indexOf(areaCode) !== -1;}return false;}}, {key: "_highlightListItem",value: function _highlightListItem(listItem, shouldFocus) {var prevItem = this.highlightedItem;if (prevItem) prevItem.classList.remove("iti__highlight");this.highlightedItem = listItem;this.highlightedItem.classList.add("iti__highlight");if (shouldFocus) this.highlightedItem.focus();}}, {key: "_getCountryData",value: function _getCountryData(countryCode, ignoreOnlyCountriesOption, allowFail) {var countryList = ignoreOnlyCountriesOption ? allCountries : this.countries;for (var i = 0; i < countryList.length; i++) {if (countryList[i].iso2 === countryCode) {return countryList[i];}}if (allowFail) {return null;}throw new Error("No country data for '".concat(countryCode, "'"));}}, {key: "_setFlag",value: function _setFlag(countryCode) {var prevCountry = this.selectedCountryData.iso2 ? this.selectedCountryData : {};// do this first as it will throw an error and stop if countryCode is invalidthis.selectedCountryData = countryCode ? this._getCountryData(countryCode, false, false) : {};// update the defaultCountry - we only need the iso2 from now on, so just store thatif (this.selectedCountryData.iso2) {this.defaultCountry = this.selectedCountryData.iso2;}this.selectedFlagInner.setAttribute("class", "iti__flag iti__".concat(countryCode));// update the selected country's title attributevar title = countryCode ? "".concat(this.selectedCountryData.name, ": +").concat(this.selectedCountryData.dialCode) : "Unknown";this.selectedFlag.setAttribute("title", title);if (this.options.separateDialCode) {var dialCode = this.selectedCountryData.dialCode ? "+".concat(this.selectedCountryData.dialCode) : "";this.selectedDialCode.innerHTML = dialCode;// offsetWidth is zero if input is in a hidden container during initialisationvar selectedFlagWidth = this.selectedFlag.offsetWidth || this._getHiddenSelectedFlagWidth();// add 6px of padding after the grey selected-dial-code box, as this is what we use in the cssthis.telInput.style.paddingLeft = "".concat(selectedFlagWidth + 6, "px");}// and the input's placeholderthis._updatePlaceholder();// update the active list itemif (this.options.allowDropdown) {var prevItem = this.activeItem;if (prevItem) {prevItem.classList.remove("iti__active");prevItem.setAttribute("aria-selected", "false");}if (countryCode) {// check if there is a preferred item first, else fall back to standardvar nextItem = this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(countryCode, "-preferred")) || this.countryList.querySelector("#iti-".concat(this.id, "__item-").concat(countryCode));nextItem.setAttribute("aria-selected", "true");nextItem.classList.add("iti__active");this.activeItem = nextItem;this.selectedFlag.setAttribute("aria-activedescendant", nextItem.getAttribute("id"));}}// return if the flag has changed or notreturn prevCountry.iso2 !== countryCode;}}, {key: "_getHiddenSelectedFlagWidth",value: function _getHiddenSelectedFlagWidth() {// to get the right styling to apply, all we need is a shallow clone of the container,// and then to inject a deep clone of the selectedFlag elementvar containerClone = this.telInput.parentNode.cloneNode();containerClone.style.visibility = "hidden";document.body.appendChild(containerClone);var flagsContainerClone = this.flagsContainer.cloneNode();containerClone.appendChild(flagsContainerClone);var selectedFlagClone = this.selectedFlag.cloneNode(true);flagsContainerClone.appendChild(selectedFlagClone);var width = selectedFlagClone.offsetWidth;containerClone.parentNode.removeChild(containerClone);return width;}}, {key: "_updatePlaceholder",value: function _updatePlaceholder() {var shouldSetPlaceholder = this.options.autoPlaceholder === "aggressive" || !this.hadInitialPlaceholder && this.options.autoPlaceholder === "polite";if (window.intlTelInputUtils && shouldSetPlaceholder) {var numberType = intlTelInputUtils.numberType[this.options.placeholderNumberType];var placeholder = this.selectedCountryData.iso2 ? intlTelInputUtils.getExampleNumber(this.selectedCountryData.iso2, this.options.nationalMode, numberType) : "";placeholder = this._beforeSetNumber(placeholder);if (typeof this.options.customPlaceholder === "function") {placeholder = this.options.customPlaceholder(placeholder, this.selectedCountryData);}this.telInput.setAttribute("placeholder", placeholder);}}}, {key: "_selectListItem",value: function _selectListItem(listItem) {// update selected flag and active list itemvar flagChanged = this._setFlag(listItem.getAttribute("data-country-code"));this._closeDropdown();this._updateDialCode(listItem.getAttribute("data-dial-code"), true);// focus the inputthis.telInput.focus();// put cursor at end - this fix is required for FF and IE11 (with nationalMode=false i.e. auto// inserting dial code), who try to put the cursor at the beginning the first timevar len = this.telInput.value.length;this.telInput.setSelectionRange(len, len);if (flagChanged) {this._triggerCountryChange();}}}, {key: "_closeDropdown",value: function _closeDropdown() {this.countryList.classList.add("iti__hide");this.selectedFlag.setAttribute("aria-expanded", "false");// update the arrowthis.dropdownArrow.classList.remove("iti__arrow--up");// unbind key eventsdocument.removeEventListener("keydown", this._handleKeydownOnDropdown);document.documentElement.removeEventListener("click", this._handleClickOffToClose);this.countryList.removeEventListener("mouseover", this._handleMouseoverCountryList);this.countryList.removeEventListener("click", this._handleClickCountryList);// remove menu from containerif (this.options.dropdownContainer) {if (!this.isMobile) window.removeEventListener("scroll", this._handleWindowScroll);if (this.dropdown.parentNode) this.dropdown.parentNode.removeChild(this.dropdown);}this._trigger("close:countrydropdown");}}, {key: "_scrollTo",value: function _scrollTo(element, middle) {var container = this.countryList;// windowTop from https://stackoverflow.com/a/14384091/217866var windowTop = window.pageYOffset || document.documentElement.scrollTop;var containerHeight = container.offsetHeight;var containerTop = container.getBoundingClientRect().top + windowTop;var containerBottom = containerTop + containerHeight;var elementHeight = element.offsetHeight;var elementTop = element.getBoundingClientRect().top + windowTop;var elementBottom = elementTop + elementHeight;var newScrollTop = elementTop - containerTop + container.scrollTop;var middleOffset = containerHeight / 2 - elementHeight / 2;if (elementTop < containerTop) {// scroll upif (middle) newScrollTop -= middleOffset;container.scrollTop = newScrollTop;} else if (elementBottom > containerBottom) {// scroll downif (middle) newScrollTop += middleOffset;var heightDifference = containerHeight - elementHeight;container.scrollTop = newScrollTop - heightDifference;}}}, {key: "_updateDialCode",value: function _updateDialCode(newDialCodeBare, hasSelectedListItem) {var inputVal = this.telInput.value;// save having to pass this every timevar newDialCode = "+".concat(newDialCodeBare);var newNumber;if (inputVal.charAt(0) === "+") {// there's a plus so we're dealing with a replacement (doesn't matter if nationalMode or not)var prevDialCode = this._getDialCode(inputVal);if (prevDialCode) {// current number contains a valid dial code, so replace itnewNumber = inputVal.replace(prevDialCode, newDialCode);} else {// current number contains an invalid dial code, so ditch it// (no way to determine where the invalid dial code ends and the rest of the number begins)newNumber = newDialCode;}} else if (this.options.nationalMode || this.options.separateDialCode) {// don't do anythingreturn;} else {// nationalMode is disabledif (inputVal) {// there is an existing value with no dial code: prefix the new dial codenewNumber = newDialCode + inputVal;} else if (hasSelectedListItem || !this.options.autoHideDialCode) {// no existing value and either they've just selected a list item, or autoHideDialCode is// disabled: insert new dial codenewNumber = newDialCode;} else {return;}}this.telInput.value = newNumber;}}, {key: "_getDialCode",value: function _getDialCode(number, includeAreaCode) {var dialCode = "";// only interested in international numbers (starting with a plus)if (number.charAt(0) === "+") {var numericChars = "";// iterate over charsfor (var i = 0; i < number.length; i++) {var c = number.charAt(i);// if char is number (https://stackoverflow.com/a/8935649/217866)if (!isNaN(parseInt(c, 10))) {numericChars += c;// if current numericChars make a valid dial codeif (includeAreaCode) {if (this.countryCodes[numericChars]) {// store the actual raw string (useful for matching later)dialCode = number.substr(0, i + 1);}} else {if (this.dialCodes[numericChars]) {dialCode = number.substr(0, i + 1);// if we're just looking for a dial code, we can break as soon as we find onebreak;}}// stop searching as soon as we can - in this case when we hit max lenif (numericChars.length === this.countryCodeMaxLen) {break;}}}}return dialCode;}}, {key: "_getFullNumber",value: function _getFullNumber() {var val = this.telInput.value.trim();var dialCode = this.selectedCountryData.dialCode;var prefix;var numericVal = this._getNumeric(val);if (this.options.separateDialCode && val.charAt(0) !== "+" && dialCode && numericVal) {// when using separateDialCode, it is visible so is effectively part of the typed numberprefix = "+".concat(dialCode);} else {prefix = "";}return prefix + val;}}, {key: "_beforeSetNumber",value: function _beforeSetNumber(originalNumber) {var number = originalNumber;if (this.options.separateDialCode) {var dialCode = this._getDialCode(number);// if there is a valid dial codeif (dialCode) {// in case _getDialCode returned an area code as welldialCode = "+".concat(this.selectedCountryData.dialCode);// a lot of numbers will have a space separating the dial code and the main number, and// some NANP numbers will have a hyphen e.g. +1 684-733-1234 - in both cases we want to get// rid of it// NOTE: don't just trim all non-numerics as may want to preserve an open parenthesis etcvar start = number[dialCode.length] === " " || number[dialCode.length] === "-" ? dialCode.length + 1 : dialCode.length;number = number.substr(start);}}return this._cap(number);}}, {key: "_triggerCountryChange",value: function _triggerCountryChange() {this._trigger("countrychange");}}, {key: "handleAutoCountry",value: function handleAutoCountry() {if (this.options.initialCountry === "auto") {// we must set this even if there is an initial val in the input: in case the initial val is// invalid and they delete it - they should see their auto countrythis.defaultCountry = window.intlTelInputGlobals.autoCountry;// if there's no initial value in the input, then update the flagif (!this.telInput.value) {this.setCountry(this.defaultCountry);}this.resolveAutoCountryPromise();}}}, {key: "handleUtils",value: function handleUtils() {// if the request was successfulif (window.intlTelInputUtils) {// if there's an initial value in the input, then format itif (this.telInput.value) {this._updateValFromNumber(this.telInput.value);}this._updatePlaceholder();}this.resolveUtilsScriptPromise();}}, {key: "destroy",value: function destroy() {var form = this.telInput.form;if (this.options.allowDropdown) {// make sure the dropdown is closed (and unbind listeners)this._closeDropdown();this.selectedFlag.removeEventListener("click", this._handleClickSelectedFlag);this.flagsContainer.removeEventListener("keydown", this._handleFlagsContainerKeydown);// label click hackvar label = this._getClosestLabel();if (label) label.removeEventListener("click", this._handleLabelClick);}// unbind hiddenInput listenersif (this.hiddenInput && form) form.removeEventListener("submit", this._handleHiddenInputSubmit);// unbind autoHideDialCode listenersif (this.options.autoHideDialCode) {if (form) form.removeEventListener("submit", this._handleSubmitOrBlurEvent);this.telInput.removeEventListener("blur", this._handleSubmitOrBlurEvent);}// unbind key events, and cut/paste eventsthis.telInput.removeEventListener("keyup", this._handleKeyupEvent);this.telInput.removeEventListener("cut", this._handleClipboardEvent);this.telInput.removeEventListener("paste", this._handleClipboardEvent);// remove attribute of id instance: data-intl-tel-input-idthis.telInput.removeAttribute("data-intl-tel-input-id");// remove markup (but leave the original input)var wrapper = this.telInput.parentNode;wrapper.parentNode.insertBefore(this.telInput, wrapper);wrapper.parentNode.removeChild(wrapper);delete window.intlTelInputGlobals.instances[this.id];}}, {key: "getExtension",value: function getExtension() {if (window.intlTelInputUtils) {return intlTelInputUtils.getExtension(this._getFullNumber(), this.selectedCountryData.iso2);}return "";}}, {key: "getNumber",value: function getNumber(format) {if (window.intlTelInputUtils) {var iso2 = this.selectedCountryData.iso2;return intlTelInputUtils.formatNumber(this._getFullNumber(), iso2, format);}return "";}}, {key: "getNumberType",value: function getNumberType() {if (window.intlTelInputUtils) {return intlTelInputUtils.getNumberType(this._getFullNumber(), this.selectedCountryData.iso2);}return -99;}}, {key: "getSelectedCountryData",value: function getSelectedCountryData() {return this.selectedCountryData;}}, {key: "getValidationError",value: function getValidationError() {if (window.intlTelInputUtils) {var iso2 = this.selectedCountryData.iso2;return intlTelInputUtils.getValidationError(this._getFullNumber(), iso2);}return -99;}}, {key: "isValidNumber",value: function isValidNumber() {var val = this._getFullNumber().trim();var countryCode = this.options.nationalMode ? this.selectedCountryData.iso2 : "";return window.intlTelInputUtils ? intlTelInputUtils.isValidNumber(val, countryCode) : null;}}, {key: "setCountry",value: function setCountry(originalCountryCode) {var countryCode = originalCountryCode.toLowerCase();// check if already selectedif (!this.selectedFlagInner.classList.contains("iti__".concat(countryCode))) {this._setFlag(countryCode);this._updateDialCode(this.selectedCountryData.dialCode, false);this._triggerCountryChange();}}}, {key: "setNumber",value: function setNumber(number) {// we must update the flag first, which updates this.selectedCountryData, which is used for// formatting the number before displaying itvar flagChanged = this._updateFlagFromNumber(number);this._updateValFromNumber(number);if (flagChanged) {this._triggerCountryChange();}}}, {key: "setPlaceholderNumberType",value: function setPlaceholderNumberType(type) {this.options.placeholderNumberType = type;this._updatePlaceholder();}} ]);return Iti;}();/********************* STATIC METHODS********************/// get the country data objectintlTelInputGlobals.getCountryData = function() {return allCountries;};// inject a <script> element to load utils.jsvar injectScript = function injectScript(path, handleSuccess, handleFailure) {// inject a new script element into the pagevar script = document.createElement("script");script.onload = function() {forEachInstance("handleUtils");if (handleSuccess) handleSuccess();};script.onerror = function() {forEachInstance("rejectUtilsScriptPromise");if (handleFailure) handleFailure();};script.className = "iti-load-utils";script.async = true;script.src = path;document.body.appendChild(script);};// load the utils scriptintlTelInputGlobals.loadUtils = function(path) {// 2 options:// 1) not already started loading (start)// 2) already started loading (do nothing - just wait for the onload callback to fire, which will// trigger handleUtils on all instances, invoking their resolveUtilsScriptPromise functions)if (!window.intlTelInputUtils && !window.intlTelInputGlobals.startedLoadingUtilsScript) {// only do this oncewindow.intlTelInputGlobals.startedLoadingUtilsScript = true;// if we have promises, then return a promiseif (typeof Promise !== "undefined") {return new Promise(function(resolve, reject) {return injectScript(path, resolve, reject);});}injectScript(path);}return null;};// default optionsintlTelInputGlobals.defaults = defaults;// versionintlTelInputGlobals.version = "17.0.8";// convenience wrapperreturn function(input, options) {var iti = new Iti(input, options);iti._init();input.setAttribute("data-intl-tel-input-id", iti.id);window.intlTelInputGlobals.instances[iti.id] = iti;return iti;};}();});