intl-tel-input 24.2.1 → 24.3.1

package/build/js/intlTelInputWithUtils.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v24.2.1
+ * International Telephone Input v24.3.1
  * https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -1762,8 +1762,10 @@ var factoryOutput = (() => {
       if (this.options.useFullscreenPopup) {
         this.options.fixDropdownWidth = false;
       }
+      if (this.options.onlyCountries.length === 1) {
+        this.options.initialCountry = this.options.onlyCountries[0];
+      }
       if (this.options.separateDialCode) {
-        this.options.allowDropdown = true;
         this.options.nationalMode = false;
         this.options.countrySearch = true;
       }
@@ -1775,6 +1777,8 @@ var factoryOutput = (() => {
       }
       this.isAndroid = typeof navigator !== "undefined" ? /Android/i.test(navigator.userAgent) : false;
       this.isRTL = !!this.telInput.closest("[dir=rtl]");
+      const showOnDefaultSide = this.options.allowDropdown || this.options.separateDialCode;
+      this.showSelectedCountryOnLeft = this.isRTL ? !showOnDefaultSide : showOnDefaultSide;
       if (this.options.separateDialCode) {
         if (this.isRTL) {
           this.originalPaddingRight = this.telInput.style.paddingRight;
@@ -1938,10 +1942,13 @@ var factoryOutput = (() => {
       }
       const wrapper = createEl("div", { class: parentClass });
       this.telInput.parentNode?.insertBefore(wrapper, this.telInput);
-      if (allowDropdown || showFlags) {
+      if (allowDropdown || showFlags || separateDialCode) {
         this.countryContainer = createEl(
           "div",
-          { class: "iti__country-container" },
+          {
+            class: "iti__country-container",
+            style: this.showSelectedCountryOnLeft ? "left: 0" : "right: 0"
+          },
           wrapper
         );
         if (allowDropdown) {
@@ -2046,6 +2053,7 @@ var factoryOutput = (() => {
         }
       }
       wrapper.appendChild(this.telInput);
+      this._updateInputPadding();
       if (hiddenInput) {
         const telInputName = this.telInput.getAttribute("name") || "";
         const names = hiddenInput(telInputName);
@@ -2232,25 +2240,25 @@ var factoryOutput = (() => {
         }
       }
     }
+    _openDropdownWithPlus() {
+      this._openDropdown();
+      this.searchInput.value = "+";
+      this._filterCountries("", true);
+    }
     //* Initialize the tel input listeners.
     _initTelInputListeners() {
-      const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay } = this.options;
+      const { strictMode, formatAsYouType, separateDialCode, formatOnDisplay, allowDropdown } = this.options;
       let userOverrideFormatting = false;
       if (/\p{L}/u.test(this.telInput.value)) {
         userOverrideFormatting = true;
       }
-      const openDropdownWithPlus = () => {
-        this._openDropdown();
-        this.searchInput.value = "+";
-        this._filterCountries("", true);
-      };
       this._handleInputEvent = (e) => {
-        if (this.isAndroid && e?.data === "+" && separateDialCode) {
+        if (this.isAndroid && e?.data === "+" && separateDialCode && allowDropdown) {
           const currentCaretPos = this.telInput.selectionStart || 0;
           const valueBeforeCaret = this.telInput.value.substring(0, currentCaretPos - 1);
           const valueAfterCaret = this.telInput.value.substring(currentCaretPos);
           this.telInput.value = valueBeforeCaret + valueAfterCaret;
-          openDropdownWithPlus();
+          this._openDropdownWithPlus();
           return;
         }
         if (this._updateCountryFromNumber(this.telInput.value)) {
@@ -2279,15 +2287,15 @@ var factoryOutput = (() => {
       if (strictMode || separateDialCode) {
         this._handleKeydownEvent = (e) => {
           if (e.key && e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
-            if (separateDialCode && e.key === "+") {
+            if (separateDialCode && allowDropdown && e.key === "+") {
               e.preventDefault();
-              openDropdownWithPlus();
+              this._openDropdownWithPlus();
               return;
             }
             if (strictMode) {
               const isInitialPlus = this.telInput.selectionStart === 0 && e.key === "+";
               const isNumeric = /^[0-9]$/.test(e.key);
-              const isAllowedChar = isInitialPlus || isNumeric;
+              const isAllowedChar = separateDialCode ? isNumeric : isInitialPlus || isNumeric;
               const fullNumber = this._getFullNumber();
               const coreNumber = intlTelInput.utils.getCoreNumber(fullNumber, this.selectedCountryData.iso2);
               const hasReachedMaxLength = this.maxCoreNumberLength && coreNumber.length >= this.maxCoreNumberLength;
@@ -2622,18 +2630,24 @@ var factoryOutput = (() => {
       if (separateDialCode) {
         const dialCode = this.selectedCountryData.dialCode ? `+${this.selectedCountryData.dialCode}` : "";
         this.selectedDialCode.innerHTML = dialCode;
-        const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
-        const inputPadding = selectedCountryWidth + 8;
-        if (this.isRTL) {
-          this.telInput.style.paddingRight = `${inputPadding}px`;
-        } else {
-          this.telInput.style.paddingLeft = `${inputPadding}px`;
-        }
+        this._updateInputPadding();
       }
       this._updatePlaceholder();
       this._updateMaxLength();
       return prevCountry.iso2 !== iso2;
     }
+    //* Update the input padding to make space for the selected country/dial code.
+    _updateInputPadding() {
+      if (this.selectedCountry) {
+        const selectedCountryWidth = this.selectedCountry.offsetWidth || this._getHiddenSelectedCountryWidth();
+        const inputPadding = selectedCountryWidth + 6;
+        if (this.showSelectedCountryOnLeft) {
+          this.telInput.style.paddingLeft = `${inputPadding}px`;
+        } else {
+          this.telInput.style.paddingRight = `${inputPadding}px`;
+        }
+      }
+    }
     //* Update the maximum valid number length for the currently selected country.
     _updateMaxLength() {
       const { strictMode, placeholderNumberType, validationNumberType } = this.options;
@@ -3083,7 +3097,7 @@ var factoryOutput = (() => {
       //* A map from instance ID to instance object.
       instances: {},
       loadUtils,
-      version: "24.2.1"
+      version: "24.3.1"
     }
   );
   var intl_tel_input_default = intlTelInput;