@intl-tel-input/angular 29.4.1 → 29.5.1

package/dist/IntlTelInput.js

@@ -1772,6 +1772,7 @@ var ITI_SLOTS = [
   "selectedDialCode",
   "countrySelector",
   "countrySelectorContainer",
+  "closeButton",
   "searchWrapper",
   "searchIcon",
   "searchInput",
@@ -1926,6 +1927,7 @@ var interfaceTranslations = {
   countryListAriaLabel: "List of countries",
   searchPlaceholder: "Search",
   clearSearchAriaLabel: "Clear search",
+  closeCountrySelectorAriaLabel: "Close",
   searchEmptyState: "No results found",
   searchSummaryAria(count) {
     if (count === 0) {
@@ -2351,6 +2353,11 @@ var buildClearIcon = (id) => {
     ]]
   );
 };
+var buildCloseIcon = () => buildSvg(
+  ["svg", { class: "iti__close-button-svg", width: 20, height: 20, viewBox: "0 0 16 16", focusable: "false", [ARIA.HIDDEN]: "true" }, [
+    ["path", { d: "M3 3 L13 13 M13 3 L3 13" }]
+  ]]
+);
 var buildCheckIcon = () => buildSvg(
   ["svg", { class: "iti__country-check-svg", width: 14, height: 14, viewBox: "0 0 16 16", fill: "currentColor", focusable: "false", [ARIA.HIDDEN]: "true" }, [
     ["path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" }]
@@ -2524,6 +2531,7 @@ var UI = class {
   #selectedDialCodeEl;
   #arrowEl;
   #countrySelectorEl;
+  #closeButtonEl;
   #searchIconEl;
   #searchInputEl;
   #searchClearButtonEl;
@@ -2723,6 +2731,9 @@ var UI = class {
     if (this.#isRTL) {
       this.#countrySelectorEl.setAttribute("dir", "rtl");
     }
+    if (isFullscreen) {
+      this.#buildCloseButton();
+    }
     if (countrySearch) {
       this.#buildSearchUI();
     }
@@ -2771,6 +2782,21 @@ var UI = class {
     }
     return null;
   }
+  //* Fullscreen popup only: a close button, as the backdrop (tap to close) is not discoverable, and is unreachable for screen reader users.
+  //* It lives inside the country selector (role=dialog, aria-modal) so assistive tech can reach it, but the CSS positions it out in the corner of the backdrop.
+  #buildCloseButton() {
+    this.#closeButtonEl = createEl(
+      "button",
+      {
+        type: "button",
+        class: this.#withSlotClass("closeButton", "iti__close-button"),
+        [ARIA.LABEL]: this.#options.uiTranslations.closeCountrySelectorAriaLabel,
+        tabindex: "-1"
+      },
+      this.#countrySelectorEl
+    );
+    this.#closeButtonEl.appendChild(buildCloseIcon());
+  }
   #buildSearchUI() {
     const { uiTranslations, searchInputClass } = this.#options;
     const searchWrapper = createEl(
@@ -3216,7 +3242,7 @@ var UI = class {
     this.#bindCountrySelectorOpenListeners(onSelect, onClose);
   }
   //* Wire up all listeners needed while the country selector is open: list-item hover (highlight),
-  //* list-item click & enter key (select), click-off & escape (close), search input (filter),
+  //* list-item click & enter key (select), click-off, close button & escape (close), search input (filter),
   //* (when countrySearch disabled) typed-char hidden search, and (when the country selector is in an
   //* external container) update (fixed) position on scroll/resize.
   #bindCountrySelectorOpenListeners(onSelect, onClose) {
@@ -3227,6 +3253,14 @@ var UI = class {
       this.#bindOutsideClickToClose(signal, onClose);
     }
     this.#bindCountrySelectorKeydownListener(signal, onSelect, onClose);
+    this.#closeButtonEl?.addEventListener(
+      "click",
+      () => {
+        onClose();
+        this.#selectedCountryEl.focus();
+      },
+      { signal }
+    );
     if (this.#options.countrySearch) {
       this.#bindSearchInputListener(signal);
     }
@@ -4980,7 +5014,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "29.4.1",
+    version: "29.5.1",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR,
@@ -5315,8 +5349,8 @@ var IntlTelInput = class _IntlTelInput {
   registerOnValidatorChange(fn) {
     this.onValidatorChange = fn;
   }
-  static \u0275fac = i0.\u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: _IntlTelInput, deps: [], target: i0.\u0275\u0275FactoryTarget.Component });
-  static \u0275cmp = i0.\u0275\u0275ngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: _IntlTelInput, isStandalone: true, selector: "intl-tel-input", inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", countrySelectorMode: "countrySelectorMode", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", classNames: "classNames", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryNameOverrides: "countryNameOverrides", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownParent: "dropdownParent", excludeCountries: "excludeCountries", matchDropdownWidth: "matchDropdownWidth", formatAsYouType: "formatAsYouType", fullscreenParent: "fullscreenParent", hiddenInputs: "hiddenInputs", uiTranslations: "uiTranslations", initialCountry: "initialCountry", initialCountryLookup: "initialCountryLookup", loadUtils: "loadUtils", numberDisplayFormat: "numberDisplayFormat", onlyCountries: "onlyCountries", placeholderNumberPolicy: "placeholderNumberPolicy", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", strictRejectAnimation: "strictRejectAnimation" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", openCountrySelector: "openCountrySelector", closeCountrySelector: "closeCountrySelector", strictReject: "strictReject", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, providers: [
+  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: _IntlTelInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: _IntlTelInput, isStandalone: true, selector: "intl-tel-input", inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", countrySelectorMode: "countrySelectorMode", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", classNames: "classNames", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryNameOverrides: "countryNameOverrides", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownParent: "dropdownParent", excludeCountries: "excludeCountries", matchDropdownWidth: "matchDropdownWidth", formatAsYouType: "formatAsYouType", fullscreenParent: "fullscreenParent", hiddenInputs: "hiddenInputs", uiTranslations: "uiTranslations", initialCountry: "initialCountry", initialCountryLookup: "initialCountryLookup", loadUtils: "loadUtils", numberDisplayFormat: "numberDisplayFormat", onlyCountries: "onlyCountries", placeholderNumberPolicy: "placeholderNumberPolicy", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", strictRejectAnimation: "strictRejectAnimation" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", openCountrySelector: "openCountrySelector", closeCountrySelector: "closeCountrySelector", strictReject: "strictReject", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, providers: [
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: forwardRef(() => _IntlTelInput),
@@ -5340,7 +5374,7 @@ var IntlTelInput = class _IntlTelInput {
     />
   `, isInline: true });
 };
-i0.\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: IntlTelInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: IntlTelInput, decorators: [{
   type: Component,
   args: [{
     selector: "intl-tel-input",

package/dist/IntlTelInputWithUtils.js

@@ -1772,6 +1772,7 @@ var ITI_SLOTS = [
   "selectedDialCode",
   "countrySelector",
   "countrySelectorContainer",
+  "closeButton",
   "searchWrapper",
   "searchIcon",
   "searchInput",
@@ -1926,6 +1927,7 @@ var interfaceTranslations = {
   countryListAriaLabel: "List of countries",
   searchPlaceholder: "Search",
   clearSearchAriaLabel: "Clear search",
+  closeCountrySelectorAriaLabel: "Close",
   searchEmptyState: "No results found",
   searchSummaryAria(count) {
     if (count === 0) {
@@ -2351,6 +2353,11 @@ var buildClearIcon = (id) => {
     ]]
   );
 };
+var buildCloseIcon = () => buildSvg(
+  ["svg", { class: "iti__close-button-svg", width: 20, height: 20, viewBox: "0 0 16 16", focusable: "false", [ARIA.HIDDEN]: "true" }, [
+    ["path", { d: "M3 3 L13 13 M13 3 L3 13" }]
+  ]]
+);
 var buildCheckIcon = () => buildSvg(
   ["svg", { class: "iti__country-check-svg", width: 14, height: 14, viewBox: "0 0 16 16", fill: "currentColor", focusable: "false", [ARIA.HIDDEN]: "true" }, [
     ["path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" }]
@@ -2524,6 +2531,7 @@ var UI = class {
   #selectedDialCodeEl;
   #arrowEl;
   #countrySelectorEl;
+  #closeButtonEl;
   #searchIconEl;
   #searchInputEl;
   #searchClearButtonEl;
@@ -2723,6 +2731,9 @@ var UI = class {
     if (this.#isRTL) {
       this.#countrySelectorEl.setAttribute("dir", "rtl");
     }
+    if (isFullscreen) {
+      this.#buildCloseButton();
+    }
     if (countrySearch) {
       this.#buildSearchUI();
     }
@@ -2771,6 +2782,21 @@ var UI = class {
     }
     return null;
   }
+  //* Fullscreen popup only: a close button, as the backdrop (tap to close) is not discoverable, and is unreachable for screen reader users.
+  //* It lives inside the country selector (role=dialog, aria-modal) so assistive tech can reach it, but the CSS positions it out in the corner of the backdrop.
+  #buildCloseButton() {
+    this.#closeButtonEl = createEl(
+      "button",
+      {
+        type: "button",
+        class: this.#withSlotClass("closeButton", "iti__close-button"),
+        [ARIA.LABEL]: this.#options.uiTranslations.closeCountrySelectorAriaLabel,
+        tabindex: "-1"
+      },
+      this.#countrySelectorEl
+    );
+    this.#closeButtonEl.appendChild(buildCloseIcon());
+  }
   #buildSearchUI() {
     const { uiTranslations, searchInputClass } = this.#options;
     const searchWrapper = createEl(
@@ -3216,7 +3242,7 @@ var UI = class {
     this.#bindCountrySelectorOpenListeners(onSelect, onClose);
   }
   //* Wire up all listeners needed while the country selector is open: list-item hover (highlight),
-  //* list-item click & enter key (select), click-off & escape (close), search input (filter),
+  //* list-item click & enter key (select), click-off, close button & escape (close), search input (filter),
   //* (when countrySearch disabled) typed-char hidden search, and (when the country selector is in an
   //* external container) update (fixed) position on scroll/resize.
   #bindCountrySelectorOpenListeners(onSelect, onClose) {
@@ -3227,6 +3253,14 @@ var UI = class {
       this.#bindOutsideClickToClose(signal, onClose);
     }
     this.#bindCountrySelectorKeydownListener(signal, onSelect, onClose);
+    this.#closeButtonEl?.addEventListener(
+      "click",
+      () => {
+        onClose();
+        this.#selectedCountryEl.focus();
+      },
+      { signal }
+    );
     if (this.#options.countrySearch) {
       this.#bindSearchInputListener(signal);
     }
@@ -4980,7 +5014,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "29.4.1",
+    version: "29.5.1",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR,
@@ -10519,7 +10553,7 @@ var _scope = {};
   J.g = function() {
     return J.h ? J.h : J.h = new J();
   };
-  var Fa = { 0: "0", 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", 7: "7", 8: "8", 9: "9", "\uFF10": "0", "\uFF11": "1", "\uFF12": "2", "\uFF13": "3", "\uFF14": "4", "\uFF15": "5", "\uFF16": "6", "\uFF17": "7", "\uFF18": "8", "\uFF19": "9", "\u0660": "0", "\u0661": "1", "\u0662": "2", "\u0663": "3", "\u0664": "4", "\u0665": "5", "\u0666": "6", "\u0667": "7", "\u0668": "8", "\u0669": "9", "\u06F0": "0", "\u06F1": "1", "\u06F2": "2", "\u06F3": "3", "\u06F4": "4", "\u06F5": "5", "\u06F6": "6", "\u06F7": "7", "\u06F8": "8", "\u06F9": "9" }, Ga = {
+  var Fa = { 0: "0", 1: "1", 2: "2", 3: "3", 4: "4", 5: "5", 6: "6", 7: "7", 8: "8", 9: "9", "０": "0", "１": "1", "２": "2", "３": "3", "４": "4", "５": "5", "６": "6", "７": "7", "８": "8", "９": "9", "٠": "0", "١": "1", "٢": "2", "٣": "3", "٤": "4", "٥": "5", "٦": "6", "٧": "7", "٨": "8", "٩": "9", "۰": "0", "۱": "1", "۲": "2", "۳": "3", "۴": "4", "۵": "5", "۶": "6", "۷": "7", "۸": "8", "۹": "9" }, Ga = {
     0: "0",
     1: "1",
     2: "2",
@@ -10544,36 +10578,36 @@ var _scope = {};
     7: "7",
     8: "8",
     9: "9",
-    "\uFF10": "0",
-    "\uFF11": "1",
-    "\uFF12": "2",
-    "\uFF13": "3",
-    "\uFF14": "4",
-    "\uFF15": "5",
-    "\uFF16": "6",
-    "\uFF17": "7",
-    "\uFF18": "8",
-    "\uFF19": "9",
-    "\u0660": "0",
-    "\u0661": "1",
-    "\u0662": "2",
-    "\u0663": "3",
-    "\u0664": "4",
-    "\u0665": "5",
-    "\u0666": "6",
-    "\u0667": "7",
-    "\u0668": "8",
-    "\u0669": "9",
-    "\u06F0": "0",
-    "\u06F1": "1",
-    "\u06F2": "2",
-    "\u06F3": "3",
-    "\u06F4": "4",
-    "\u06F5": "5",
-    "\u06F6": "6",
-    "\u06F7": "7",
-    "\u06F8": "8",
-    "\u06F9": "9",
+    "０": "0",
+    "１": "1",
+    "２": "2",
+    "３": "3",
+    "４": "4",
+    "５": "5",
+    "６": "6",
+    "７": "7",
+    "８": "8",
+    "９": "9",
+    "٠": "0",
+    "١": "1",
+    "٢": "2",
+    "٣": "3",
+    "٤": "4",
+    "٥": "5",
+    "٦": "6",
+    "٧": "7",
+    "٨": "8",
+    "٩": "9",
+    "۰": "0",
+    "۱": "1",
+    "۲": "2",
+    "۳": "3",
+    "۴": "4",
+    "۵": "5",
+    "۶": "6",
+    "۷": "7",
+    "۸": "8",
+    "۹": "9",
     A: "2",
     B: "2",
     C: "2",
@@ -10600,14 +10634,14 @@ var _scope = {};
     X: "9",
     Y: "9",
     Z: "9"
-  }, Ia = RegExp("[+\uFF0B]+"), K = RegExp("^[+\uFF0B]+"), Ja = RegExp("([0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9])"), Ka = RegExp("[+\uFF0B0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]"), La = /[\\\/] *x/, Ma = RegExp("[^0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9A-Za-z#]+$"), Na = /(?:.*?[A-Za-z]){3}.*/, Oa = RegExp("^\\+([0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]|[\\-\\.\\(\\)]?)*[0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]([0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]|[\\-\\.\\(\\)]?)*$"), Pa = RegExp("^([A-Za-z0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]+((\\-)*[A-Za-z0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9])*\\.)*[A-Za-z]+((\\-)*[A-Za-z0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9])*\\.?$");
+  }, Ia = RegExp("[+＋]+"), K = RegExp("^[+＋]+"), Ja = RegExp("([0-9０-９٠-٩۰-۹])"), Ka = RegExp("[+＋0-9０-９٠-٩۰-۹]"), La = /[\\\/] *x/, Ma = RegExp("[^0-9０-９٠-٩۰-۹A-Za-z#]+$"), Na = /(?:.*?[A-Za-z]){3}.*/, Oa = RegExp("^\\+([0-9０-９٠-٩۰-۹]|[\\-\\.\\(\\)]?)*[0-9０-９٠-٩۰-۹]([0-9０-９٠-٩۰-۹]|[\\-\\.\\(\\)]?)*$"), Pa = RegExp("^([A-Za-z0-9０-９٠-٩۰-۹]+((\\-)*[A-Za-z0-9０-９٠-٩۰-۹])*\\.)*[A-Za-z]+((\\-)*[A-Za-z0-9０-９٠-٩۰-۹])*\\.?$");
   function L(a) {
-    return "([0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]{1," + a + "})";
+    return "([0-9０-９٠-٩۰-۹]{1," + a + "})";
   }
   function Qa() {
-    return ";ext=" + L("20") + "|[ \xA0\\t,]*(?:e?xt(?:ensi(?:o\u0301?|\xF3))?n?|\uFF45?\uFF58\uFF54\uFF4E?|\u0434\u043E\u0431|anexo)[:\\.\uFF0E]?[ \xA0\\t,-]*" + (L("20") + "#?|[ \xA0\\t,]*(?:[x\uFF58#\uFF03~\uFF5E]|int|\uFF49\uFF4E\uFF54)[:\\.\uFF0E]?[ \xA0\\t,-]*") + (L("9") + "#?|[- ]+") + (L("6") + "#|[ \xA0\\t]*(?:,{2}|;)[:\\.\uFF0E]?[ \xA0\\t,-]*") + (L("15") + "#?|[ \xA0\\t]*(?:,)+[:\\.\uFF0E]?[ \xA0\\t,-]*") + (L("9") + "#?");
+    return ";ext=" + L("20") + "|[  \\t,]*(?:e?xt(?:ensi(?:ó?|ó))?n?|ｅ?ｘｔｎ?|доб|anexo)[:\\.．]?[  \\t,-]*" + (L("20") + "#?|[  \\t,]*(?:[xｘ#＃~～]|int|ｉｎｔ)[:\\.．]?[  \\t,-]*") + (L("9") + "#?|[- ]+") + (L("6") + "#|[  \\t]*(?:,{2}|;)[:\\.．]?[  \\t,-]*") + (L("15") + "#?|[  \\t]*(?:,)+[:\\.．]?[  \\t,-]*") + (L("9") + "#?");
   }
-  var Ra = new RegExp("(?:" + Qa() + ")$", "i"), Sa = new RegExp("^[0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]{2}$|^[+\uFF0B]*(?:[-x\u2010-\u2015\u2212\u30FC\uFF0D-\uFF0F \xA0\xAD\u200B\u2060\u3000()\uFF08\uFF09\uFF3B\uFF3D.\\[\\]/~\u2053\u223C\uFF5E*]*[0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]){3,}[-x\u2010-\u2015\u2212\u30FC\uFF0D-\uFF0F \xA0\xAD\u200B\u2060\u3000()\uFF08\uFF09\uFF3B\uFF3D.\\[\\]/~\u2053\u223C\uFF5E*A-Za-z0-9\uFF10-\uFF19\u0660-\u0669\u06F0-\u06F9]*(?:" + Qa() + ")?$", "i"), Ta = /(\$\d)/, Ua = /^\(?\$1\)?$/;
+  var Ra = new RegExp("(?:" + Qa() + ")$", "i"), Sa = new RegExp("^[0-9０-９٠-٩۰-۹]{2}$|^[+＋]*(?:[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～*]*[0-9０-９٠-٩۰-۹]){3,}[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～*A-Za-z0-9０-９٠-٩۰-۹]*(?:" + Qa() + ")?$", "i"), Ta = /(\$\d)/, Ua = /^\(?\$1\)?$/;
   function Va(a) {
     return a.length < 2 ? false : M(Sa, a);
   }
@@ -10661,7 +10695,7 @@ var _scope = {};
       }
       e = null;
     }
-    e != null && (g = e, e = v(g, 2), f = new RegExp(r(g, 1)), v(g, 5), g = v(g, 4), d = b == 2 && g != null && g.length > 0 ? d.replace(f, e.replace(Ta, g)) : d.replace(f, e), b == 3 && (d = d.replace(RegExp("^[-x\u2010-\u2015\u2212\u30FC\uFF0D-\uFF0F \xA0\xAD\u200B\u2060\u3000()\uFF08\uFF09\uFF3B\uFF3D.\\[\\]/~\u2053\u223C\uFF5E]+"), ""), d = d.replace(RegExp("[-x\u2010-\u2015\u2212\u30FC\uFF0D-\uFF0F \xA0\xAD\u200B\u2060\u3000()\uFF08\uFF09\uFF3B\uFF3D.\\[\\]/~\u2053\u223C\uFF5E]+", "g"), "-")));
+    e != null && (g = e, e = v(g, 2), f = new RegExp(r(g, 1)), v(g, 5), g = v(g, 4), d = b == 2 && g != null && g.length > 0 ? d.replace(f, e.replace(Ta, g)) : d.replace(f, e), b == 3 && (d = d.replace(RegExp("^[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]+"), ""), d = d.replace(RegExp("[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]+", "g"), "-")));
     return $a(
       c,
       b,
@@ -10930,7 +10964,7 @@ var _scope = {};
   }
   ;
   function jb(a) {
-    this.ga = RegExp("\u2008");
+    this.ga = RegExp(" ");
     this.ka = "";
     this.$ = new B();
     this.ea = "";
@@ -10950,7 +10984,7 @@ var _scope = {};
   }
   var lb = new G();
   t(lb, 11, "NA");
-  var mb = RegExp("^[-x\u2010-\u2015\u2212\u30FC\uFF0D-\uFF0F \xA0\xAD\u200B\u2060\u3000()\uFF08\uFF09\uFF3B\uFF3D.\\[\\]/~\u2053\u223C\uFF5E]*\\$1[-x\u2010-\u2015\u2212\u30FC\uFF0D-\uFF0F \xA0\xAD\u200B\u2060\u3000()\uFF08\uFF09\uFF3B\uFF3D.\\[\\]/~\u2053\u223C\uFF5E]*(\\$\\d[-x\u2010-\u2015\u2212\u30FC\uFF0D-\uFF0F \xA0\xAD\u200B\u2060\u3000()\uFF08\uFF09\uFF3B\uFF3D.\\[\\]/~\u2053\u223C\uFF5E]*)*$"), nb = /[- ]/;
+  var mb = RegExp("^[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]*\\$1[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]*(\\$\\d[-x‐-―−ー－-／  ­​⁠　()（）［］.\\[\\]/~⁓∼～]*)*$"), nb = /[- ]/;
   function kb(a, b) {
     var c = a.ha;
     b = O(b) ? eb(c, b) : 0;
@@ -10967,7 +11001,7 @@ var _scope = {};
       var l = f;
       g = v(g, 2);
       var A = "999999999999999".match(h)[0];
-      A.length < l.g.h.length ? l = "" : (l = A.replace(new RegExp(h, "g"), g), l = l.replace(RegExp("9", "g"), "\u2008"));
+      A.length < l.g.h.length ? l = "" : (l = A.replace(new RegExp(h, "g"), g), l = l.replace(RegExp("9", "g"), " "));
       l.length > 0 ? (f.$.g(l), f = true) : f = false;
       if (f) return a.ea = e, a.ia = nb.test(r(d, 4)), a.ba = 0, true;
     }
@@ -11549,8 +11583,8 @@ var IntlTelInput = class _IntlTelInput {
   registerOnValidatorChange(fn) {
     this.onValidatorChange = fn;
   }
-  static \u0275fac = i0.\u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: _IntlTelInput, deps: [], target: i0.\u0275\u0275FactoryTarget.Component });
-  static \u0275cmp = i0.\u0275\u0275ngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: _IntlTelInput, isStandalone: true, selector: "intl-tel-input", inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", countrySelectorMode: "countrySelectorMode", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", classNames: "classNames", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryNameOverrides: "countryNameOverrides", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownParent: "dropdownParent", excludeCountries: "excludeCountries", matchDropdownWidth: "matchDropdownWidth", formatAsYouType: "formatAsYouType", fullscreenParent: "fullscreenParent", hiddenInputs: "hiddenInputs", uiTranslations: "uiTranslations", initialCountry: "initialCountry", initialCountryLookup: "initialCountryLookup", loadUtils: "loadUtils", numberDisplayFormat: "numberDisplayFormat", onlyCountries: "onlyCountries", placeholderNumberPolicy: "placeholderNumberPolicy", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", strictRejectAnimation: "strictRejectAnimation" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", openCountrySelector: "openCountrySelector", closeCountrySelector: "closeCountrySelector", strictReject: "strictReject", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, providers: [
+  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: _IntlTelInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
+  static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: _IntlTelInput, isStandalone: true, selector: "intl-tel-input", inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", countrySelectorMode: "countrySelectorMode", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", classNames: "classNames", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryNameOverrides: "countryNameOverrides", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownParent: "dropdownParent", excludeCountries: "excludeCountries", matchDropdownWidth: "matchDropdownWidth", formatAsYouType: "formatAsYouType", fullscreenParent: "fullscreenParent", hiddenInputs: "hiddenInputs", uiTranslations: "uiTranslations", initialCountry: "initialCountry", initialCountryLookup: "initialCountryLookup", loadUtils: "loadUtils", numberDisplayFormat: "numberDisplayFormat", onlyCountries: "onlyCountries", placeholderNumberPolicy: "placeholderNumberPolicy", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", strictRejectAnimation: "strictRejectAnimation" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", openCountrySelector: "openCountrySelector", closeCountrySelector: "closeCountrySelector", strictReject: "strictReject", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, providers: [
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: forwardRef(() => _IntlTelInput),
@@ -11574,7 +11608,7 @@ var IntlTelInput = class _IntlTelInput {
     />
   `, isInline: true });
 };
-i0.\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: IntlTelInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: IntlTelInput, decorators: [{
   type: Component,
   args: [{
     selector: "intl-tel-input",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intl-tel-input/angular",
-  "version": "29.4.1",
+  "version": "29.5.1",
   "description": "An Angular component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
   "type": "module",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "README.md"
   ],
   "dependencies": {
-    "intl-tel-input": "^29.4.1"
+    "intl-tel-input": "^29.5.1"
   },
   "peerDependencies": {
     "@angular/common": ">=17",