intl-tel-input 19.2.16 → 19.2.18

package/README.md

@@ -34,7 +34,7 @@ You can view [a live demo](https://intl-tel-input.com) and see some examples of
 
 
 ## Mobile
-By default, on mobile devices we show a fullscreen popup instead of the inline dropdown, to make better use of the limited screen space. This is similar to how a native `<select>` element works. You can control this behaviour with the `useFullscreenPopup` option.
+By default, on mobile devices we show a fullscreen popup instead of the inline dropdown, to make better use of the limited screen space. This is similar to how a native `<select>` element works. You can control this behaviour with the `useFullscreenPopup` option. The popup can be closed by either selecting a country from the list or by tapping on the grey area at the sides. [See example](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--usefullscreenpopup) (using the React component).
 
 <img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/mobile-fullscreen.jpg" alt="Mobile screenshot" width="270px" style="max-width: 100%" />
 
@@ -43,7 +43,7 @@ By default, on mobile devices we show a fullscreen popup instead of the inline d
 * Automatically select the user's current country using an IP lookup
 * Automatically set the input placeholder to an example number for the selected country
 * Navigate the country dropdown by typing a country's name, or using up/down keys
-* Automatic formatting as the user types
+* Automatically format the number as the user types
 * Handle phone number extensions
 * The user types their national number and the plugin gives you the full standardized international number
 * Full validation, including specific error types
@@ -62,16 +62,16 @@ _Note: We have now dropped support for all versions of Internet Explorer because
 ## Getting Started (Using a CDN)
 1. Add the CSS
   ```html
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@19.2.16/build/css/intlTelInput.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@19.2.18/build/css/intlTelInput.css">
   ```
 
 2. Add the plugin script and initialise it on your input element
   ```html
-  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@19.2.16/build/js/intlTelInput.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@19.2.18/build/js/intlTelInput.min.js"></script>
   <script>
     const input = document.querySelector("#phone");
     window.intlTelInput(input, {
-      utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@19.2.16/build/js/utils.js",
+      utilsScript: "https://cdn.jsdelivr.net/npm/intl-tel-input@19.2.18/build/js/utils.js",
     });
   </script>
   ```
@@ -141,11 +141,11 @@ When you initialise the plugin, the first argument is the input element, and the
 
 **allowDropdown**  
 Type: `Boolean` Default: `true`  
-Whether or not to allow the dropdown. If disabled, there is no dropdown arrow, and the selected flag is not clickable. Also we display the selected flag on the right instead because it is just a marker of state.
+Whether or not to allow the dropdown. If disabled, there is no dropdown arrow, and the selected flag is not clickable. Also, we display the selected flag on the right instead because it is just a marker of state. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--allowdropdown) (using the React component).
 
 **autoInsertDialCode**  
 Type: `Boolean` Default: `false`  
-When enabled (requires `nationalMode` to be disabled), the international dial code will be automatically inserted into the input in 3 situations: (A) upon initialisation, and (B) when the user selects a country from the dropdown, and (C) upon calling `setCountry`. Additionally, the plugin will listen for blur/submit events, and if the input only contains a dial code, it will automatically be removed to avoid submitting just that.
+When enabled (requires `nationalMode` to be disabled), the international dial code will be automatically inserted into the input in 3 situations: (A) upon initialisation, and (B) when the user selects a country from the dropdown, and (C) upon calling `setCountry`. Additionally, the plugin will listen for blur/submit events, and if the input only contains a dial code, it will automatically be removed to avoid submitting just that. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--autoinsertdialcode) (using the React component).
 
 **autoPlaceholder**  
 Type: `String` Default: `"polite"`  
@@ -173,15 +173,15 @@ intlTelInput(input, {
 
 **dropdownContainer**  
 Type: `Node` Default: `null`  
-Expects a node e.g. `document.body`. Instead of putting the country dropdown next to the input, append it to the specified node, and it will then be positioned absolutely next to the input using JavaScript. This is useful when the input is inside a container with `overflow: hidden`. Note that the absolute positioning can be broken by scrolling, so it will automatically close on the `window` scroll event.
+Expects a node e.g. `document.body`. Instead of putting the country dropdown markup next to the input, append it to the specified node, and it will then be positioned next to the input using JavaScript (using `position: fixed`). This is useful when the input is inside a container with `overflow: hidden`. Note that the positioning is broken by scrolling, so the dropdown will automatically close on the `window` scroll event.
 
 **excludeCountries**  
 Type: `Array` Default: `[]`  
-In the dropdown, display all countries except the ones you specify here.
+In the dropdown, display all countries except the ones you specify here. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--excludecountries) (using the React component).
 
 **fixDropdownWidth**  
 Type: `Boolean` Default: `true`  
-Fix the dropdown width to the input width (rather than being as wide as the longest country name). This is automatically enabled when `countrySearch` is enabled for design reasons.
+Fix the dropdown width to the input width (rather than being as wide as the longest country name). This is automatically enabled when `countrySearch` is enabled for design reasons. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--fixdropdownwidth) (using the React component).
 
 **formatAsYouType**  
 Type: `Boolean` Default: `true`  
@@ -193,7 +193,7 @@ Format the input value (according to the `nationalMode` option) during initialis
 
 **geoIpLookup**  
 Type: `Function` Default: `null`  
-When setting `initialCountry` to `"auto"`, you must use this option to specify a custom function that looks up the user's location, and then calls the success callback with the relevant country code. Also note that when instantiating the plugin, a [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) object is returned under the `promise` instance property, so you can do something like `iti.promise.then(callback)` to know when initialisation requests like this have completed.
+When setting `initialCountry` to `"auto"`, you must use this option to specify a custom function that calls an IP lookup service to get the user's location and then invokes the callback with the relevant country code. Also note that when instantiating the plugin, a [Promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) object is returned under the `promise` instance property, so you can do something like `iti.promise.then(callback)` to know when initialisation requests like this have completed.
 
 Here is an example using the [ipapi](https://ipapi.co/api/?javascript#location-of-clients-ip) service:  
 ```js
@@ -203,7 +203,7 @@ intlTelInput(input, {
     fetch("https://ipapi.co/json")
       .then(function(res) { return res.json(); })
       .then(function(data) { callback(data.country_code); })
-      .catch(function() { callback("us"); });
+      .catch(function() { callback(); });
   }
 });
 ```
@@ -261,25 +261,25 @@ In the dropdown, display only the countries you specify - [see example](https://
 
 **placeholderNumberType**  
 Type: `String` Default: `"MOBILE"`  
-Specify [one of the keys](https://github.com/jackocnr/intl-tel-input/blob/master/src/js/utils.js#L119) from the global enum `intlTelInputUtils.numberType` e.g. `"FIXED_LINE"` to set the number type to use for the placeholder.
+Specify [one of the keys](https://github.com/jackocnr/intl-tel-input/blob/master/src/js/utils.js#L119) from the global enum `intlTelInputUtils.numberType` e.g. `"FIXED_LINE"` to set the number type to use for the placeholder. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--placeholdernumbertype) (using the React component).
 
 **preferredCountries**  
 Type: `Array` Default: `[]`  
-Specify the countries to appear at the top of the list. Note that this option is not compatible with the new country search feature, and as such will be phased out.
+Specify the countries to appear at the top of the list. Note that this option is not compatible with the new country search feature, and as such will be phased out. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--preferredcountries) (using the React component).
 
 **showFlags**  
 Type: `Boolean` Default: `true`  
-Set this to false to hide the flags e.g. for political reasons. Must be used in combination with `showSelectedDialCode` option, or with setting `allowDropdown` to `false`. 
+Set this to false to hide the flags e.g. for political reasons. Must be used in combination with `showSelectedDialCode` option, or with setting `allowDropdown` to `false`. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--showflags) (using the React component).
 
 **showSelectedDialCode**  
 Type: `Boolean` Default: `false`  
-Display the country dial code next to the selected flag.
+Display the country dial code next to the selected flag. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--showselecteddialcode) (using the React component).
 
 <img src="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/separateDialCode.png" width="257px" height="46px">
 
 **useFullscreenPopup**  
 Type: `Boolean` Default: `true on mobile devices, false otherwise`  
-Control when the country list appears as a fullscreen popup vs an inline dropdown. By default, it will appear as a fullscreen popup on mobile devices (based on user-agent and screen width), to make better use of the limited space (similar to how a native `<select>` works), and as an inline dropdown on larger devices/screens.
+Control when the country list appears as a fullscreen popup vs an inline dropdown. By default, it will appear as a fullscreen popup on mobile devices (based on user-agent and screen width), to make better use of the limited space (similar to how a native `<select>` works), and as an inline dropdown on larger devices/screens. Play with this option on [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--usefullscreenpopup) (using the React component).
 
 **utilsScript**  
 Type: `String` Default: `""` Example: `"build/js/utils.js"`  

package/build/css/intlTelInput.css

@@ -174,7 +174,7 @@
   margin-right: 6px;
 }
 .iti--container {
-  position: absolute;
+  position: fixed;
   top: -1000px;
   left: -1000px;
   z-index: 1060;

package/build/js/data.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v19.2.16
+ * International Telephone Input v19.2.18
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */

package/build/js/data.min.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v19.2.16
+ * International Telephone Input v19.2.18
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */

package/build/js/intlTelInput-jquery.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v19.2.16
+ * International Telephone Input v19.2.18
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -369,9 +369,9 @@
             key: "_translateCountryNames",
             value: function _translateCountryNames() {
                 for (var i = 0; i < this.countries.length; i++) {
-                    var iso = this.countries[i].iso2.toLowerCase();
-                    if (this.options.i18n.hasOwnProperty(iso)) {
-                        this.countries[i].name = this.options.i18n[iso];
+                    var iso2 = this.countries[i].iso2.toLowerCase();
+                    if (this.options.i18n.hasOwnProperty(iso2)) {
+                        this.countries[i].name = this.options.i18n[iso2];
                     }
                 }
             }
@@ -433,7 +433,7 @@
                 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);
+                    var countryData = this._getCountryData(countryCode, true);
                     if (countryData) {
                         this.preferredCountries.push(countryData);
                     }
@@ -616,6 +616,7 @@
         }, {
             key: "_setInitialState",
             value: function _setInitialState() {
+                var overrideAutoCountry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
                 // fix firefox bug: when first load page (with input with value set to number with intl dial
                 // code) and initialising plugin removes the dial code from the input, then refresh page,
                 // and we try to init plugin again but this time on number without dial code so get grey flag
@@ -630,8 +631,8 @@
                 // flag, else fall back to the default country
                 if (dialCode && !isRegionlessNanp) {
                     this._updateFlagFromNumber(val);
-                } else if (initialCountry !== "auto") {
-                    var isValidInitialCountry = initialCountry && this._getCountryData(initialCountry, false, true);
+                } else if (initialCountry !== "auto" || overrideAutoCountry) {
+                    var isValidInitialCountry = initialCountry && !!this._getCountryData(initialCountry, true);
                     // see if we should select a flag
                     if (isValidInitialCountry) {
                         this._setFlag(initialCountry.toLowerCase());
@@ -747,7 +748,8 @@
                 } else {
                     this.resolveUtilsScriptPromise();
                 }
-                if (this.options.initialCountry === "auto") {
+                // dont bother with IP lookup if we already have a selected country
+                if (this.options.initialCountry === "auto" && !this.selectedCountryData.iso2) {
                     this._loadAutoCountry();
                 } else {
                     this.resolveAutoCountryPromise();
@@ -756,6 +758,7 @@
         }, {
             key: "_loadAutoCountry",
             value: function _loadAutoCountry() {
+                var _this5 = this;
                 // 3 options:
                 // 1) already loaded (we're done)
                 // 2) not already started loading (start)
@@ -766,17 +769,25 @@
                     // 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");
-                            });
+                        this.options.geoIpLookup(function() {
+                            var countryCode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+                            var lowerCountryCode = countryCode.toLowerCase();
+                            var isValid = !!_this5._getCountryData(lowerCountryCode, true);
+                            if (isValid) {
+                                window.intlTelInputGlobals.autoCountry = lowerCountryCode;
+                                // 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");
+                                });
+                            } else {
+                                _this5._setInitialState(true);
+                                forEachInstance("rejectAutoCountryPromise");
+                            }
                         }, function() {
                             return forEachInstance("rejectAutoCountryPromise");
                         });
@@ -786,36 +797,36 @@
         }, {
             key: "_initKeyListeners",
             value: function _initKeyListeners() {
-                var _this5 = this;
+                var _this6 = this;
                 var userOverrideFormatting = false;
                 // update flag on input event
                 this._handleKeyEvent = function(e) {
-                    if (_this5._updateFlagFromNumber(_this5.telInput.value)) {
-                        _this5._triggerCountryChange();
+                    if (_this6._updateFlagFromNumber(_this6.telInput.value)) {
+                        _this6._triggerCountryChange();
                     }
                     // if user types their own formatting char (not a plus or a numeric), then set the override
                     if (e && e.data && /[^+0-9]/.test(e.data)) {
                         userOverrideFormatting = true;
-                    } else if (!/[^+0-9]/.test(_this5.telInput.value)) {
+                    } else if (!/[^+0-9]/.test(_this6.telInput.value)) {
                         userOverrideFormatting = false;
                     }
-                    if (_this5.options.formatAsYouType && !userOverrideFormatting) {
+                    if (_this6.options.formatAsYouType && !userOverrideFormatting) {
                         // maintain caret position after reformatting
-                        var currentCaretPos = _this5.telInput.selectionStart;
-                        var valueBeforeCaret = _this5.telInput.value.substring(0, currentCaretPos);
+                        var currentCaretPos = _this6.telInput.selectionStart;
+                        var valueBeforeCaret = _this6.telInput.value.substring(0, currentCaretPos);
                         var relevantCharsBeforeCaret = valueBeforeCaret.replace(/[^+0-9]/g, "").length;
                         var isDeleteForwards = e && e.inputType === "deleteContentForward";
-                        var formattedValue = _this5._formatNumberAsYouType();
-                        var newCaretPos = _this5._translateCursorPosition(relevantCharsBeforeCaret, formattedValue, currentCaretPos, isDeleteForwards);
-                        _this5.telInput.value = formattedValue;
-                        _this5.telInput.setSelectionRange(newCaretPos, newCaretPos);
+                        var formattedValue = _this6._formatNumberAsYouType();
+                        var newCaretPos = _this6._translateCursorPosition(relevantCharsBeforeCaret, formattedValue, currentCaretPos, isDeleteForwards);
+                        _this6.telInput.value = formattedValue;
+                        _this6.telInput.setSelectionRange(newCaretPos, newCaretPos);
                     }
                 };
                 this.telInput.addEventListener("input", this._handleKeyEvent);
                 // update flag on cut/paste events (now supported in all major browsers)
                 this._handleClipboardEvent = function() {
                     // hack because "paste" event is fired before input is updated
-                    setTimeout(_this5._handleKeyEvent);
+                    setTimeout(_this6._handleKeyEvent);
                 };
                 this.telInput.addEventListener("cut", this._handleClipboardEvent);
                 this.telInput.addEventListener("paste", this._handleClipboardEvent);
@@ -855,10 +866,10 @@
         }, {
             key: "_initBlurListeners",
             value: function _initBlurListeners() {
-                var _this6 = this;
+                var _this7 = this;
                 // on blur or form submit: if just a dial code then remove it
                 this._handleSubmitOrBlurEvent = function() {
-                    _this6._removeEmptyDialCode();
+                    _this7._removeEmptyDialCode();
                 };
                 if (this.telInput.form) {
                     this.telInput.form.addEventListener("submit", this._handleSubmitOrBlurEvent);
@@ -929,7 +940,7 @@
         }, {
             key: "_setDropdownPosition",
             value: function _setDropdownPosition() {
-                var _this7 = this;
+                var _this8 = this;
                 if (this.options.dropdownContainer) {
                     this.options.dropdownContainer.appendChild(this.dropdown);
                 }
@@ -949,15 +960,14 @@
                     this._toggleClass(this.dropdownContent, "iti__dropdown-content--dropup", positionDropdownAboveInput);
                     // if dropdownContainer is enabled, calculate postion
                     if (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.
+                        // if we want to position the dropdown below the input, we need to add the input height to the top value
                         var extraTop = positionDropdownAboveInput ? 0 : this.telInput.offsetHeight;
                         // calculate placement
                         this.dropdown.style.top = "".concat(inputTop + extraTop, "px");
                         this.dropdown.style.left = "".concat(pos.left + document.body.scrollLeft, "px");
                         // close menu on window scroll
                         this._handleWindowScroll = function() {
-                            return _this7._closeDropdown();
+                            return _this8._closeDropdown();
                         };
                         window.addEventListener("scroll", this._handleWindowScroll);
                     }
@@ -966,14 +976,14 @@
         }, {
             key: "_bindDropdownListeners",
             value: function _bindDropdownListeners() {
-                var _this8 = this;
+                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 select
                 this._handleMouseoverCountryList = function(e) {
                     // handle event delegation, as we're listening for this event on the countryList
                     var listItem = e.target.closest(".iti__country");
                     if (listItem) {
-                        _this8._highlightListItem(listItem, false);
+                        _this9._highlightListItem(listItem, false);
                     }
                 };
                 this.countryList.addEventListener("mouseover", this._handleMouseoverCountryList);
@@ -981,7 +991,7 @@
                 this._handleClickCountryList = function(e) {
                     var listItem = e.target.closest(".iti__country");
                     if (listItem) {
-                        _this8._selectListItem(listItem);
+                        _this9._selectListItem(listItem);
                     }
                 };
                 this.countryList.addEventListener("click", this._handleClickCountryList);
@@ -991,7 +1001,7 @@
                 var isOpening = true;
                 this._handleClickOffToClose = function() {
                     if (!isOpening) {
-                        _this8._closeDropdown();
+                        _this9._closeDropdown();
                     }
                     isOpening = false;
                 };
@@ -1010,23 +1020,23 @@
                         e.stopPropagation();
                         // up and down to navigate
                         if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-                            _this8._handleUpDownKey(e.key);
+                            _this9._handleUpDownKey(e.key);
                         } else if (e.key === "Enter") {
-                            _this8._handleEnterKey();
+                            _this9._handleEnterKey();
                         } else if (e.key === "Escape") {
-                            _this8._closeDropdown();
+                            _this9._closeDropdown();
                         }
                     }
                     // alpha chars to perform search
                     // regex allows one latin alpha char or space, based on https://stackoverflow.com/a/26900132/217866)
-                    if (!_this8.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(e.key)) {
+                    if (!_this9.options.countrySearch && /^[a-zA-ZÀ-ÿа-яА-Я ]$/.test(e.key)) {
                         e.stopPropagation();
                         // jump to countries that start with the query string
                         if (queryTimer) {
                             clearTimeout(queryTimer);
                         }
                         query += e.key.toLowerCase();
-                        _this8._searchForCountry(query);
+                        _this9._searchForCountry(query);
                         // if the timer hits 1 second, reset the query
                         queryTimer = setTimeout(function() {
                             query = "";
@@ -1036,11 +1046,11 @@
                 document.addEventListener("keydown", this._handleKeydownOnDropdown);
                 if (this.options.countrySearch) {
                     var doFilter = function doFilter() {
-                        var inputQuery = _this8.searchInput.value.trim();
+                        var inputQuery = _this9.searchInput.value.trim();
                         if (inputQuery) {
-                            _this8._filterCountries(inputQuery);
+                            _this9._filterCountries(inputQuery);
                         } else {
-                            _this8._filterCountries("", true);
+                            _this9._filterCountries("", true);
                         }
                     };
                     var keyupTimer = null;
@@ -1204,8 +1214,8 @@
                     // Note: use getNumeric here because the number has not been formatted yet, so could contain
                     // bad chars
                     countryCode = "";
-                } else if (!number || number === "+") {
-                    // empty, or just a plus, so default
+                } else if ((!number || number === "+") && !this.selectedCountryData.iso2) {
+                    // if no selected flag, and user either clears the input, or just types a plus, then show default
                     countryCode = this.defaultCountry;
                 }
                 if (countryCode !== null) {
@@ -1239,11 +1249,10 @@
             }
         }, {
             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];
+            value: function _getCountryData(countryCode, allowFail) {
+                for (var i = 0; i < this.countries.length; i++) {
+                    if (this.countries[i].iso2 === countryCode) {
+                        return this.countries[i];
                     }
                 }
                 if (allowFail) {
@@ -1257,7 +1266,7 @@
                 var _this$options3 = this.options, allowDropdown = _this$options3.allowDropdown, showSelectedDialCode = _this$options3.showSelectedDialCode, showFlags = _this$options3.showFlags, countrySearch = _this$options3.countrySearch;
                 var prevCountry = this.selectedCountryData.iso2 ? this.selectedCountryData : {};
                 // do this first as it will throw an error and stop if countryCode is invalid
-                this.selectedCountryData = countryCode ? this._getCountryData(countryCode, false, false) : {};
+                this.selectedCountryData = countryCode ? this._getCountryData(countryCode, false) : {};
                 // update the defaultCountry - we only need the iso2 from now on, so just store that
                 if (this.selectedCountryData.iso2) {
                     this.defaultCountry = this.selectedCountryData.iso2;
@@ -1729,7 +1738,7 @@
     // default options
     intlTelInputGlobals.defaults = defaults;
     // version
-    intlTelInputGlobals.version = "19.2.16";
+    intlTelInputGlobals.version = "19.2.18";
     var pluginName = "intlTelInput";
     // A really lightweight plugin wrapper around the constructor,
     // preventing against multiple instantiations