intl-tel-input 27.1.3 → 27.2.1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 See the Github Releases page for changelog: https://github.com/jackocnr/intl-tel-input/releases
 
-Or to view a specific version, e.g. v27.1.3, update the URL accordingly, e.g. https://github.com/jackocnr/intl-tel-input/releases/tag/v27.1.3
+Or to view a specific version, e.g. v27.2.1, update the URL accordingly, e.g. https://github.com/jackocnr/intl-tel-input/releases/tag/v27.2.1
 
 ## Breaking changes
 

package/README.md

@@ -3,7 +3,7 @@
 
 A JavaScript plugin for entering, formatting and validating international telephone numbers. Includes React, Vue, Angular and Svelte components, plus TypeScript definitions.
 
-[Explore docs »](https://intl-tel-input.com/docs/choose-integration)
+[Explore docs »](https://intl-tel-input.com/docs/integrations)
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="https://raw.github.com/jackocnr/intl-tel-input/master/screenshots/iti-github-dark.png">
@@ -20,7 +20,7 @@ Use [Twilio's API to build phone verification, SMS 2FA, appointment reminders, m
 We provide React, Vue, Angular and Svelte (beta) components alongside the regular JavaScript plugin. This readme is for the JavaScript plugin. View the [React Component](https://intl-tel-input.com/docs/react-component), the [Vue Component](https://intl-tel-input.com/docs/vue-component) the [Angular Component](https://intl-tel-input.com/docs/angular-component), or the [Svelte component](https://intl-tel-input.com/docs/svelte-component).
 
 ## Docs and Examples
-We have a newly updated website, where you can find [a full set of docs](https://intl-tel-input.com/docs/getting-started.html), a [live playground](https://intl-tel-input.com/playground/) where you can try out all of the options, as well as plenty of [examples](https://intl-tel-input.com/examples/validation-practical.html) of different setups.
+We have a newly updated website, where you can find [a full set of docs](https://intl-tel-input.com/docs/integrations), a [live playground](https://intl-tel-input.com/playground/) where you can try out all of the options, as well as plenty of [examples](https://intl-tel-input.com/examples/validation-practical.html) of different setups.
 
 ## Features
 * Automatically select the user's current country using an IP lookup

package/angular/README.md

@@ -3,3 +3,11 @@
 An Angular component for the [intl-tel-input](https://github.com/jackocnr/intl-tel-input) JavaScript plugin. View the [source code](https://github.com/jackocnr/intl-tel-input/blob/master/angular/src/IntlTelInput.ts).
 
 [Explore docs »](https://intl-tel-input.com/docs/angular-component)
+
+## Running the demos locally
+
+1. Initialise the submodules: `git submodule update --init --recursive`
+2. Install dependencies: `npm install`
+3. Build: `npm run build`
+
+You can then open `angular/demo/validation/index.html` in your browser to try the validation demo. View the full list of [available demos](https://github.com/jackocnr/intl-tel-input/tree/master/angular/demo).

package/angular/dist/IntlTelInput.d.ts

@@ -4,6 +4,11 @@ import { OnDestroy, ElementRef, EventEmitter, AfterViewInit, OnChanges, SimpleCh
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from "@angular/forms";
 import * as i0 from "@angular/core";
 export { intlTelInput };
+export type StrictRejectDetail = {
+    source: "key" | "paste";
+    rejectedInput: string;
+    reason: "invalid" | "max-length";
+};
 declare class IntlTelInput implements AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor, Validator {
     inputRef: ElementRef<HTMLInputElement>;
     /** initialValue is only used during initialization — changes after init are ignored. */
@@ -45,6 +50,9 @@ declare class IntlTelInput implements AfterViewInit, OnDestroy, OnChanges, Contr
     countryChange: EventEmitter<string>;
     validityChange: EventEmitter<boolean>;
     errorCodeChange: EventEmitter<number | null>;
+    openCountryDropdown: EventEmitter<void>;
+    closeCountryDropdown: EventEmitter<void>;
+    strictReject: EventEmitter<StrictRejectDetail>;
     blur: EventEmitter<FocusEvent>;
     focus: EventEmitter<FocusEvent>;
     keydown: EventEmitter<KeyboardEvent>;
@@ -62,6 +70,9 @@ declare class IntlTelInput implements AfterViewInit, OnDestroy, OnChanges, Contr
     private onChange;
     private onTouched;
     private onValidatorChange;
+    private handleOpenDropdown;
+    private handleCloseDropdown;
+    private handleStrictReject;
     ngAfterViewInit(): void;
     private buildInitOptions;
     ngOnChanges(changes: SimpleChanges): void;
@@ -92,6 +103,6 @@ declare class IntlTelInput implements AfterViewInit, OnDestroy, OnChanges, Contr
     validate(_control: AbstractControl): ValidationErrors | null;
     registerOnValidatorChange(fn: () => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IntlTelInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IntlTelInput, "intl-tel-input", never, { "initialValue": { "alias": "initialValue"; "required": false; }; "usePreciseValidation": { "alias": "usePreciseValidation"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowDropdown": { "alias": "allowDropdown"; "required": false; }; "allowedNumberTypes": { "alias": "allowedNumberTypes"; "required": false; }; "allowNumberExtensions": { "alias": "allowNumberExtensions"; "required": false; }; "allowPhonewords": { "alias": "allowPhonewords"; "required": false; }; "autoPlaceholder": { "alias": "autoPlaceholder"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "countryNameLocale": { "alias": "countryNameLocale"; "required": false; }; "countryOrder": { "alias": "countryOrder"; "required": false; }; "countrySearch": { "alias": "countrySearch"; "required": false; }; "customPlaceholder": { "alias": "customPlaceholder"; "required": false; }; "dropdownAlwaysOpen": { "alias": "dropdownAlwaysOpen"; "required": false; }; "dropdownContainer": { "alias": "dropdownContainer"; "required": false; }; "excludeCountries": { "alias": "excludeCountries"; "required": false; }; "fixDropdownWidth": { "alias": "fixDropdownWidth"; "required": false; }; "formatAsYouType": { "alias": "formatAsYouType"; "required": false; }; "formatOnDisplay": { "alias": "formatOnDisplay"; "required": false; }; "geoIpLookup": { "alias": "geoIpLookup"; "required": false; }; "hiddenInput": { "alias": "hiddenInput"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "initialCountry": { "alias": "initialCountry"; "required": false; }; "loadUtils": { "alias": "loadUtils"; "required": false; }; "nationalMode": { "alias": "nationalMode"; "required": false; }; "onlyCountries": { "alias": "onlyCountries"; "required": false; }; "placeholderNumberType": { "alias": "placeholderNumberType"; "required": false; }; "searchInputClass": { "alias": "searchInputClass"; "required": false; }; "separateDialCode": { "alias": "separateDialCode"; "required": false; }; "showFlags": { "alias": "showFlags"; "required": false; }; "strictMode": { "alias": "strictMode"; "required": false; }; "useFullscreenPopup": { "alias": "useFullscreenPopup"; "required": false; }; }, { "numberChange": "numberChange"; "countryChange": "countryChange"; "validityChange": "validityChange"; "errorCodeChange": "errorCodeChange"; "blur": "blur"; "focus": "focus"; "keydown": "keydown"; "keyup": "keyup"; "paste": "paste"; "click": "click"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IntlTelInput, "intl-tel-input", never, { "initialValue": { "alias": "initialValue"; "required": false; }; "usePreciseValidation": { "alias": "usePreciseValidation"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "allowDropdown": { "alias": "allowDropdown"; "required": false; }; "allowedNumberTypes": { "alias": "allowedNumberTypes"; "required": false; }; "allowNumberExtensions": { "alias": "allowNumberExtensions"; "required": false; }; "allowPhonewords": { "alias": "allowPhonewords"; "required": false; }; "autoPlaceholder": { "alias": "autoPlaceholder"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "countryNameLocale": { "alias": "countryNameLocale"; "required": false; }; "countryOrder": { "alias": "countryOrder"; "required": false; }; "countrySearch": { "alias": "countrySearch"; "required": false; }; "customPlaceholder": { "alias": "customPlaceholder"; "required": false; }; "dropdownAlwaysOpen": { "alias": "dropdownAlwaysOpen"; "required": false; }; "dropdownContainer": { "alias": "dropdownContainer"; "required": false; }; "excludeCountries": { "alias": "excludeCountries"; "required": false; }; "fixDropdownWidth": { "alias": "fixDropdownWidth"; "required": false; }; "formatAsYouType": { "alias": "formatAsYouType"; "required": false; }; "formatOnDisplay": { "alias": "formatOnDisplay"; "required": false; }; "geoIpLookup": { "alias": "geoIpLookup"; "required": false; }; "hiddenInput": { "alias": "hiddenInput"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "initialCountry": { "alias": "initialCountry"; "required": false; }; "loadUtils": { "alias": "loadUtils"; "required": false; }; "nationalMode": { "alias": "nationalMode"; "required": false; }; "onlyCountries": { "alias": "onlyCountries"; "required": false; }; "placeholderNumberType": { "alias": "placeholderNumberType"; "required": false; }; "searchInputClass": { "alias": "searchInputClass"; "required": false; }; "separateDialCode": { "alias": "separateDialCode"; "required": false; }; "showFlags": { "alias": "showFlags"; "required": false; }; "strictMode": { "alias": "strictMode"; "required": false; }; "useFullscreenPopup": { "alias": "useFullscreenPopup"; "required": false; }; }, { "numberChange": "numberChange"; "countryChange": "countryChange"; "validityChange": "validityChange"; "errorCodeChange": "errorCodeChange"; "openCountryDropdown": "openCountryDropdown"; "closeCountryDropdown": "closeCountryDropdown"; "strictReject": "strictReject"; "blur": "blur"; "focus": "focus"; "keydown": "keydown"; "keyup": "keyup"; "paste": "paste"; "click": "click"; }, never, never, true, never>;
 }
 export default IntlTelInput;

package/angular/dist/IntlTelInput.js

@@ -1,4 +1,4 @@
-// dist/js/intlTelInput.mjs
+// src/js/data.ts
 var rawCountryData = [
   [
     "af",
@@ -1755,6 +1755,8 @@ for (const c of rawCountryData) {
 var iso2Set = new Set(allCountries.map((c) => c.iso2));
 var isIso2 = (val) => iso2Set.has(val);
 var data_default = allCountries;
+
+// src/js/constants.ts
 var EVENTS = {
   OPEN_COUNTRY_DROPDOWN: "open:countrydropdown",
   CLOSE_COUNTRY_DROPDOWN: "close:countrydropdown",
@@ -1879,6 +1881,8 @@ var ARIA = {
   AUTOCOMPLETE: "aria-autocomplete",
   MODAL: "aria-modal"
 };
+
+// src/js/i18n/en.ts
 var interfaceTranslations = {
   selectedCountryAriaLabel: "Change country for phone number, currently selected ${countryName} (${dialCode})",
   noCountrySelected: "Select country for phone number",
@@ -1897,6 +1901,8 @@ var interfaceTranslations = {
   }
 };
 var en_default = interfaceTranslations;
+
+// src/js/core/options.ts
 var mediaQuery = (q) => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(q).matches;
 var isNarrowViewport = () => mediaQuery(`(max-width: ${LAYOUT.NARROW_VIEWPORT_WIDTH}px)`);
 var computeDefaultUseFullscreenPopup = () => {
@@ -2205,8 +2211,12 @@ var applyOptionSideEffects = (o) => {
   }
   o.i18n = { ...en_default, ...o.i18n };
 };
+
+// src/js/helpers/string.ts
 var getNumeric = (s) => s.replace(/\D/g, "");
 var normaliseString = (s = "") => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+
+// src/js/helpers/dom.ts
 var buildClassNames = (flags) => Object.keys(flags).filter((k) => Boolean(flags[k])).join(" ");
 var createEl = (tagName, attrs, container) => {
   const el = document.createElement(tagName);
@@ -2220,6 +2230,8 @@ var createEl = (tagName, attrs, container) => {
   }
   return el;
 };
+
+// src/js/core/icons.ts
 var buildSearchIcon = () => `
   <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" ${ARIA.HIDDEN}="true">
     <circle cx="11" cy="11" r="7" />
@@ -2245,6 +2257,8 @@ var buildGlobeIcon = () => `
     <path d="M508 213a240 240 0 0 0-449-87l-2 5-2 5c-8 14-13 30-17 46a65 65 0 0 1 56 4c16-10 35-19 56-27l9-3c-6 23-10 48-10 74h-16l4 6c3 4 5 8 6 13h6c0 22 3 44 8 65l2 10-25-10-4 5 12 18 9 3 6 2 8 3 9 26 1 2 16-7h1l-5-13-1-2c24 6 49 9 75 10v26l11 10 7 7v-30l1-13c22 0 44-3 65-8l10-2-21 48-1 1a317 317 0 0 1-14 23l-21 5h-2c6 16 7 33 1 50a240 240 0 0 0 211-265m-401-56-11 6c19-44 54-79 98-98-11 20-21 44-29 69-21 6-40 15-58 23m154 182v4c-29-1-57-6-81-13-7-25-12-52-13-81h94zm0-109h-94c1-29 6-56 13-81 24-7 52-12 81-13zm0-112c-22 1-44 4-65 8l-10 2 12-30 9-17 1-2a332 332 0 0 1 13-23c13-4 26-6 40-7zm187 69 6 4c4 12 6 25 6 38v1h-68c-1-26-4-51-10-74l48 20 1 1 14 8zm-14-44 10 20c-20-11-43-21-68-29-8-25-18-49-29-69 37 16 67 44 87 78M279 49h1c13 1 27 3 39 7l14 23 1 2a343 343 0 0 1 12 26l2 5 6 16c-23-6-48-9-74-10h-1zm0 87h1c29 1 56 6 81 13 7 24 12 51 12 80v1h-94zm2 207h-2v-94h95c-1 29-6 56-13 81-24 7-51 12-80 13m86 60-20 10c11-20 21-43 29-68 25-8 48-18 68-29-16 37-43 67-77 87m87-115-7 5-16 9-2 1a337 337 0 0 1-47 21c6-24 9-49 10-75h68c0 13-2 27-6 39"/>
     <path d="m261 428-2-2-22-21a40 40 0 0 0-32-11h-1a37 37 0 0 0-18 8l-1 1-4 2-2 2-5 4c-9-3-36-31-47-44s-32-45-34-55l3-2a151 151 0 0 0 11-9v-1a39 39 0 0 0 5-48l-3-3-11-19-3-4-5-7h-1l-3-3-4-3-5-2a35 35 0 0 0-16-3h-5c-4 1-14 5-24 11l-4 2-4 3-4 2c-9 8-17 17-18 27a380 380 0 0 0 212 259h3c12 0 25-10 36-21l10-12 6-11a39 39 0 0 0-8-40"/>
   </svg>`;
+
+// src/js/core/countrySearch.ts
 var getMatchedCountries = (countries, query) => {
   const normalisedQuery = normaliseString(query);
   const iso2Matches = [];
@@ -2288,6 +2302,8 @@ var findFirstCountryStartingWith = (countries, query) => {
   }
   return null;
 };
+
+// src/js/core/ui.ts
 var UI = class _UI {
   // private
   #options;
@@ -3216,6 +3232,8 @@ var UI = class _UI {
     this.#listItemByIso2.clear();
   }
 };
+
+// src/js/data/country-data.ts
 var processAllCountries = (options) => {
   const { onlyCountries, excludeCountries } = options;
   if (onlyCountries?.length) {
@@ -3321,6 +3339,8 @@ var cacheSearchTokens = (countries) => {
     c.dialCodePlus = `+${c.dialCode}`;
   }
 };
+
+// src/js/data/intl-regionless.ts
 var regionlessDialCodes = /* @__PURE__ */ new Set([
   "800",
   "808",
@@ -3335,6 +3355,8 @@ var hasRegionlessDialCode = (number) => {
   const dialCode = getNumeric(number).slice(0, 3);
   return number.startsWith("+") && regionlessDialCodes.has(dialCode);
 };
+
+// src/js/format/formatting.ts
 var stripSeparateDialCode = (fullNumber, hasValidDialCode, separateDialCode, selectedCountryData) => {
   if (!separateDialCode || !hasValidDialCode) {
     return fullNumber;
@@ -3352,6 +3374,8 @@ var formatNumberAsYouType = (fullNumber, telInputValue, utils, selectedCountryDa
   }
   return result;
 };
+
+// src/js/format/caret.ts
 var computeNewCaretPosition = (relevantChars, formattedValue, prevCaretPos, isDeleteForwards) => {
   if (prevCaretPos === 0 && !isDeleteForwards) {
     return 0;
@@ -3370,6 +3394,8 @@ var computeNewCaretPosition = (relevantChars, formattedValue, prevCaretPos, isDe
   }
   return formattedValue.length;
 };
+
+// src/js/data/nanp-regionless.ts
 var regionlessNanpAreaCodes = /* @__PURE__ */ new Set([
   "800",
   "822",
@@ -3397,6 +3423,8 @@ var isRegionlessNanp = (number) => {
   }
   return false;
 };
+
+// src/js/core/numerals.ts
 var Numerals = class {
   #userNumeralSet;
   constructor(initialValue) {
@@ -3443,6 +3471,8 @@ var Numerals = class {
     return !this.#userNumeralSet || this.#userNumeralSet === "ascii";
   }
 };
+
+// src/js/intlTelInput.ts
 var nextId = 0;
 var ensureUtils = (methodName) => {
   if (!intlTelInput.utils) {
@@ -4541,7 +4571,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "27.1.3"
+    version: "27.2.1"
   }
 );
 var intlTelInput_default = intlTelInput;
@@ -4596,6 +4626,9 @@ var IntlTelInput = class _IntlTelInput {
   countryChange = new EventEmitter();
   validityChange = new EventEmitter();
   errorCodeChange = new EventEmitter();
+  openCountryDropdown = new EventEmitter();
+  closeCountryDropdown = new EventEmitter();
+  strictReject = new EventEmitter();
   blur = new EventEmitter();
   focus = new EventEmitter();
   keydown = new EventEmitter();
@@ -4621,8 +4654,16 @@ var IntlTelInput = class _IntlTelInput {
   // eslint-disable-next-line class-methods-use-this
   onValidatorChange = () => {
   };
+  handleOpenDropdown = () => this.openCountryDropdown.emit();
+  handleCloseDropdown = () => this.closeCountryDropdown.emit();
+  handleStrictReject = (e) => {
+    this.strictReject.emit(e.detail);
+  };
   ngAfterViewInit() {
     this.iti = intlTelInput_default(this.inputRef.nativeElement, this.buildInitOptions());
+    this.inputRef.nativeElement.addEventListener("open:countrydropdown", this.handleOpenDropdown);
+    this.inputRef.nativeElement.addEventListener("close:countrydropdown", this.handleCloseDropdown);
+    this.inputRef.nativeElement.addEventListener("strict:reject", this.handleStrictReject);
     this.applyInputAttrs();
     if (this.disabled) {
       this.iti.setDisabled(this.disabled);
@@ -4765,6 +4806,9 @@ var IntlTelInput = class _IntlTelInput {
     return this.inputRef.nativeElement;
   }
   ngOnDestroy() {
+    this.inputRef.nativeElement.removeEventListener("open:countrydropdown", this.handleOpenDropdown);
+    this.inputRef.nativeElement.removeEventListener("close:countrydropdown", this.handleCloseDropdown);
+    this.inputRef.nativeElement.removeEventListener("strict:reject", this.handleStrictReject);
     this.iti?.destroy();
   }
   ignoredInputAttrs = /* @__PURE__ */ new Set([
@@ -4841,7 +4885,7 @@ var IntlTelInput = class _IntlTelInput {
       let _t;
       i0.\u0275\u0275queryRefresh(_t = i0.\u0275\u0275loadQuery()) && (ctx.inputRef = _t.first);
     }
-  }, inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", allowDropdown: "allowDropdown", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", autoPlaceholder: "autoPlaceholder", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownContainer: "dropdownContainer", excludeCountries: "excludeCountries", fixDropdownWidth: "fixDropdownWidth", formatAsYouType: "formatAsYouType", formatOnDisplay: "formatOnDisplay", geoIpLookup: "geoIpLookup", hiddenInput: "hiddenInput", i18n: "i18n", initialCountry: "initialCountry", loadUtils: "loadUtils", nationalMode: "nationalMode", onlyCountries: "onlyCountries", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", useFullscreenPopup: "useFullscreenPopup" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, features: [i0.\u0275\u0275ProvidersFeature([
+  }, inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", allowDropdown: "allowDropdown", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", autoPlaceholder: "autoPlaceholder", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownContainer: "dropdownContainer", excludeCountries: "excludeCountries", fixDropdownWidth: "fixDropdownWidth", formatAsYouType: "formatAsYouType", formatOnDisplay: "formatOnDisplay", geoIpLookup: "geoIpLookup", hiddenInput: "hiddenInput", i18n: "i18n", initialCountry: "initialCountry", loadUtils: "loadUtils", nationalMode: "nationalMode", onlyCountries: "onlyCountries", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", useFullscreenPopup: "useFullscreenPopup" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", openCountryDropdown: "openCountryDropdown", closeCountryDropdown: "closeCountryDropdown", strictReject: "strictReject", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, features: [i0.\u0275\u0275ProvidersFeature([
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: forwardRef(() => _IntlTelInput),
@@ -4985,6 +5029,12 @@ var IntlTelInput = class _IntlTelInput {
     type: Output
   }], errorCodeChange: [{
     type: Output
+  }], openCountryDropdown: [{
+    type: Output
+  }], closeCountryDropdown: [{
+    type: Output
+  }], strictReject: [{
+    type: Output
   }], blur: [{
     type: Output
   }], focus: [{
@@ -5000,7 +5050,7 @@ var IntlTelInput = class _IntlTelInput {
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 62 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 68 });
 })();
 var IntlTelInput_default = IntlTelInput;
 export {

package/angular/dist/IntlTelInputWithUtils.js

@@ -1,4 +1,4 @@
-// dist/js/intlTelInput.mjs
+// src/js/data.ts
 var rawCountryData = [
   [
     "af",
@@ -1755,6 +1755,8 @@ for (const c of rawCountryData) {
 var iso2Set = new Set(allCountries.map((c) => c.iso2));
 var isIso2 = (val) => iso2Set.has(val);
 var data_default = allCountries;
+
+// src/js/constants.ts
 var EVENTS = {
   OPEN_COUNTRY_DROPDOWN: "open:countrydropdown",
   CLOSE_COUNTRY_DROPDOWN: "close:countrydropdown",
@@ -1879,6 +1881,8 @@ var ARIA = {
   AUTOCOMPLETE: "aria-autocomplete",
   MODAL: "aria-modal"
 };
+
+// src/js/i18n/en.ts
 var interfaceTranslations = {
   selectedCountryAriaLabel: "Change country for phone number, currently selected ${countryName} (${dialCode})",
   noCountrySelected: "Select country for phone number",
@@ -1897,6 +1901,8 @@ var interfaceTranslations = {
   }
 };
 var en_default = interfaceTranslations;
+
+// src/js/core/options.ts
 var mediaQuery = (q) => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia(q).matches;
 var isNarrowViewport = () => mediaQuery(`(max-width: ${LAYOUT.NARROW_VIEWPORT_WIDTH}px)`);
 var computeDefaultUseFullscreenPopup = () => {
@@ -2205,8 +2211,12 @@ var applyOptionSideEffects = (o) => {
   }
   o.i18n = { ...en_default, ...o.i18n };
 };
+
+// src/js/helpers/string.ts
 var getNumeric = (s) => s.replace(/\D/g, "");
 var normaliseString = (s = "") => s.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase();
+
+// src/js/helpers/dom.ts
 var buildClassNames = (flags) => Object.keys(flags).filter((k) => Boolean(flags[k])).join(" ");
 var createEl = (tagName, attrs, container) => {
   const el = document.createElement(tagName);
@@ -2220,6 +2230,8 @@ var createEl = (tagName, attrs, container) => {
   }
   return el;
 };
+
+// src/js/core/icons.ts
 var buildSearchIcon = () => `
   <svg class="iti__search-icon-svg" width="14" height="14" viewBox="0 0 24 24" focusable="false" ${ARIA.HIDDEN}="true">
     <circle cx="11" cy="11" r="7" />
@@ -2245,6 +2257,8 @@ var buildGlobeIcon = () => `
     <path d="M508 213a240 240 0 0 0-449-87l-2 5-2 5c-8 14-13 30-17 46a65 65 0 0 1 56 4c16-10 35-19 56-27l9-3c-6 23-10 48-10 74h-16l4 6c3 4 5 8 6 13h6c0 22 3 44 8 65l2 10-25-10-4 5 12 18 9 3 6 2 8 3 9 26 1 2 16-7h1l-5-13-1-2c24 6 49 9 75 10v26l11 10 7 7v-30l1-13c22 0 44-3 65-8l10-2-21 48-1 1a317 317 0 0 1-14 23l-21 5h-2c6 16 7 33 1 50a240 240 0 0 0 211-265m-401-56-11 6c19-44 54-79 98-98-11 20-21 44-29 69-21 6-40 15-58 23m154 182v4c-29-1-57-6-81-13-7-25-12-52-13-81h94zm0-109h-94c1-29 6-56 13-81 24-7 52-12 81-13zm0-112c-22 1-44 4-65 8l-10 2 12-30 9-17 1-2a332 332 0 0 1 13-23c13-4 26-6 40-7zm187 69 6 4c4 12 6 25 6 38v1h-68c-1-26-4-51-10-74l48 20 1 1 14 8zm-14-44 10 20c-20-11-43-21-68-29-8-25-18-49-29-69 37 16 67 44 87 78M279 49h1c13 1 27 3 39 7l14 23 1 2a343 343 0 0 1 12 26l2 5 6 16c-23-6-48-9-74-10h-1zm0 87h1c29 1 56 6 81 13 7 24 12 51 12 80v1h-94zm2 207h-2v-94h95c-1 29-6 56-13 81-24 7-51 12-80 13m86 60-20 10c11-20 21-43 29-68 25-8 48-18 68-29-16 37-43 67-77 87m87-115-7 5-16 9-2 1a337 337 0 0 1-47 21c6-24 9-49 10-75h68c0 13-2 27-6 39"/>
     <path d="m261 428-2-2-22-21a40 40 0 0 0-32-11h-1a37 37 0 0 0-18 8l-1 1-4 2-2 2-5 4c-9-3-36-31-47-44s-32-45-34-55l3-2a151 151 0 0 0 11-9v-1a39 39 0 0 0 5-48l-3-3-11-19-3-4-5-7h-1l-3-3-4-3-5-2a35 35 0 0 0-16-3h-5c-4 1-14 5-24 11l-4 2-4 3-4 2c-9 8-17 17-18 27a380 380 0 0 0 212 259h3c12 0 25-10 36-21l10-12 6-11a39 39 0 0 0-8-40"/>
   </svg>`;
+
+// src/js/core/countrySearch.ts
 var getMatchedCountries = (countries, query) => {
   const normalisedQuery = normaliseString(query);
   const iso2Matches = [];
@@ -2288,6 +2302,8 @@ var findFirstCountryStartingWith = (countries, query) => {
   }
   return null;
 };
+
+// src/js/core/ui.ts
 var UI = class _UI {
   // private
   #options;
@@ -3216,6 +3232,8 @@ var UI = class _UI {
     this.#listItemByIso2.clear();
   }
 };
+
+// src/js/data/country-data.ts
 var processAllCountries = (options) => {
   const { onlyCountries, excludeCountries } = options;
   if (onlyCountries?.length) {
@@ -3321,6 +3339,8 @@ var cacheSearchTokens = (countries) => {
     c.dialCodePlus = `+${c.dialCode}`;
   }
 };
+
+// src/js/data/intl-regionless.ts
 var regionlessDialCodes = /* @__PURE__ */ new Set([
   "800",
   "808",
@@ -3335,6 +3355,8 @@ var hasRegionlessDialCode = (number) => {
   const dialCode = getNumeric(number).slice(0, 3);
   return number.startsWith("+") && regionlessDialCodes.has(dialCode);
 };
+
+// src/js/format/formatting.ts
 var stripSeparateDialCode = (fullNumber, hasValidDialCode, separateDialCode, selectedCountryData) => {
   if (!separateDialCode || !hasValidDialCode) {
     return fullNumber;
@@ -3352,6 +3374,8 @@ var formatNumberAsYouType = (fullNumber, telInputValue, utils, selectedCountryDa
   }
   return result;
 };
+
+// src/js/format/caret.ts
 var computeNewCaretPosition = (relevantChars, formattedValue, prevCaretPos, isDeleteForwards) => {
   if (prevCaretPos === 0 && !isDeleteForwards) {
     return 0;
@@ -3370,6 +3394,8 @@ var computeNewCaretPosition = (relevantChars, formattedValue, prevCaretPos, isDe
   }
   return formattedValue.length;
 };
+
+// src/js/data/nanp-regionless.ts
 var regionlessNanpAreaCodes = /* @__PURE__ */ new Set([
   "800",
   "822",
@@ -3397,6 +3423,8 @@ var isRegionlessNanp = (number) => {
   }
   return false;
 };
+
+// src/js/core/numerals.ts
 var Numerals = class {
   #userNumeralSet;
   constructor(initialValue) {
@@ -3443,6 +3471,8 @@ var Numerals = class {
     return !this.#userNumeralSet || this.#userNumeralSet === "ascii";
   }
 };
+
+// src/js/intlTelInput.ts
 var nextId = 0;
 var ensureUtils = (methodName) => {
   if (!intlTelInput.utils) {
@@ -4541,7 +4571,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "27.1.3"
+    version: "27.2.1"
   }
 );
 var intlTelInput_default = intlTelInput;
@@ -10909,6 +10939,9 @@ var IntlTelInput = class _IntlTelInput {
   countryChange = new EventEmitter();
   validityChange = new EventEmitter();
   errorCodeChange = new EventEmitter();
+  openCountryDropdown = new EventEmitter();
+  closeCountryDropdown = new EventEmitter();
+  strictReject = new EventEmitter();
   blur = new EventEmitter();
   focus = new EventEmitter();
   keydown = new EventEmitter();
@@ -10934,8 +10967,16 @@ var IntlTelInput = class _IntlTelInput {
   // eslint-disable-next-line class-methods-use-this
   onValidatorChange = () => {
   };
+  handleOpenDropdown = () => this.openCountryDropdown.emit();
+  handleCloseDropdown = () => this.closeCountryDropdown.emit();
+  handleStrictReject = (e) => {
+    this.strictReject.emit(e.detail);
+  };
   ngAfterViewInit() {
     this.iti = intlTelInput_default(this.inputRef.nativeElement, this.buildInitOptions());
+    this.inputRef.nativeElement.addEventListener("open:countrydropdown", this.handleOpenDropdown);
+    this.inputRef.nativeElement.addEventListener("close:countrydropdown", this.handleCloseDropdown);
+    this.inputRef.nativeElement.addEventListener("strict:reject", this.handleStrictReject);
     this.applyInputAttrs();
     if (this.disabled) {
       this.iti.setDisabled(this.disabled);
@@ -11078,6 +11119,9 @@ var IntlTelInput = class _IntlTelInput {
     return this.inputRef.nativeElement;
   }
   ngOnDestroy() {
+    this.inputRef.nativeElement.removeEventListener("open:countrydropdown", this.handleOpenDropdown);
+    this.inputRef.nativeElement.removeEventListener("close:countrydropdown", this.handleCloseDropdown);
+    this.inputRef.nativeElement.removeEventListener("strict:reject", this.handleStrictReject);
     this.iti?.destroy();
   }
   ignoredInputAttrs = /* @__PURE__ */ new Set([
@@ -11154,7 +11198,7 @@ var IntlTelInput = class _IntlTelInput {
       let _t;
       i0.\u0275\u0275queryRefresh(_t = i0.\u0275\u0275loadQuery()) && (ctx.inputRef = _t.first);
     }
-  }, inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", allowDropdown: "allowDropdown", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", autoPlaceholder: "autoPlaceholder", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownContainer: "dropdownContainer", excludeCountries: "excludeCountries", fixDropdownWidth: "fixDropdownWidth", formatAsYouType: "formatAsYouType", formatOnDisplay: "formatOnDisplay", geoIpLookup: "geoIpLookup", hiddenInput: "hiddenInput", i18n: "i18n", initialCountry: "initialCountry", loadUtils: "loadUtils", nationalMode: "nationalMode", onlyCountries: "onlyCountries", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", useFullscreenPopup: "useFullscreenPopup" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, features: [i0.\u0275\u0275ProvidersFeature([
+  }, inputs: { initialValue: "initialValue", usePreciseValidation: "usePreciseValidation", inputAttributes: "inputAttributes", disabled: "disabled", readonly: "readonly", allowDropdown: "allowDropdown", allowedNumberTypes: "allowedNumberTypes", allowNumberExtensions: "allowNumberExtensions", allowPhonewords: "allowPhonewords", autoPlaceholder: "autoPlaceholder", containerClass: "containerClass", countryNameLocale: "countryNameLocale", countryOrder: "countryOrder", countrySearch: "countrySearch", customPlaceholder: "customPlaceholder", dropdownAlwaysOpen: "dropdownAlwaysOpen", dropdownContainer: "dropdownContainer", excludeCountries: "excludeCountries", fixDropdownWidth: "fixDropdownWidth", formatAsYouType: "formatAsYouType", formatOnDisplay: "formatOnDisplay", geoIpLookup: "geoIpLookup", hiddenInput: "hiddenInput", i18n: "i18n", initialCountry: "initialCountry", loadUtils: "loadUtils", nationalMode: "nationalMode", onlyCountries: "onlyCountries", placeholderNumberType: "placeholderNumberType", searchInputClass: "searchInputClass", separateDialCode: "separateDialCode", showFlags: "showFlags", strictMode: "strictMode", useFullscreenPopup: "useFullscreenPopup" }, outputs: { numberChange: "numberChange", countryChange: "countryChange", validityChange: "validityChange", errorCodeChange: "errorCodeChange", openCountryDropdown: "openCountryDropdown", closeCountryDropdown: "closeCountryDropdown", strictReject: "strictReject", blur: "blur", focus: "focus", keydown: "keydown", keyup: "keyup", paste: "paste", click: "click" }, features: [i0.\u0275\u0275ProvidersFeature([
     {
       provide: NG_VALUE_ACCESSOR,
       useExisting: forwardRef(() => _IntlTelInput),
@@ -11298,6 +11342,12 @@ var IntlTelInput = class _IntlTelInput {
     type: Output
   }], errorCodeChange: [{
     type: Output
+  }], openCountryDropdown: [{
+    type: Output
+  }], closeCountryDropdown: [{
+    type: Output
+  }], strictReject: [{
+    type: Output
   }], blur: [{
     type: Output
   }], focus: [{
@@ -11313,7 +11363,7 @@ var IntlTelInput = class _IntlTelInput {
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 62 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 68 });
 })();
 var IntlTelInput_default = IntlTelInput;
 

package/dist/js/data.js

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

package/dist/js/data.min.js

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

package/dist/js/i18n/index.js

@@ -1,46 +1,46 @@
 "use strict";
-export { default as ar } from "./ar";
-export { default as bg } from "./bg";
-export { default as bn } from "./bn";
-export { default as bs } from "./bs";
-export { default as ca } from "./ca";
-export { default as cs } from "./cs";
-export { default as da } from "./da";
-export { default as de } from "./de";
-export { default as el } from "./el";
-export { default as en } from "./en";
-export { default as es } from "./es";
-export { default as et } from "./et";
-export { default as fa } from "./fa";
-export { default as fi } from "./fi";
-export { default as fr } from "./fr";
-export { default as hi } from "./hi";
-export { default as hr } from "./hr";
-export { default as hu } from "./hu";
-export { default as id } from "./id";
-export { default as it } from "./it";
-export { default as ja } from "./ja";
-export { default as kn } from "./kn";
-export { default as ko } from "./ko";
-export { default as lt } from "./lt";
-export { default as mr } from "./mr";
-export { default as nl } from "./nl";
-export { default as no } from "./no";
-export { default as pl } from "./pl";
-export { default as pt } from "./pt";
-export { default as ro } from "./ro";
-export { default as ru } from "./ru";
-export { default as sk } from "./sk";
-export { default as sl } from "./sl";
-export { default as sq } from "./sq";
-export { default as sr } from "./sr";
-export { default as sv } from "./sv";
-export { default as te } from "./te";
-export { default as th } from "./th";
-export { default as tr } from "./tr";
-export { default as uk } from "./uk";
-export { default as ur } from "./ur";
-export { default as uz } from "./uz";
-export { default as vi } from "./vi";
-export { default as zh } from "./zh";
-export { default as zhHk } from "./zh-hk";
+export { default as ar } from "./ar.js";
+export { default as bg } from "./bg.js";
+export { default as bn } from "./bn.js";
+export { default as bs } from "./bs.js";
+export { default as ca } from "./ca.js";
+export { default as cs } from "./cs.js";
+export { default as da } from "./da.js";
+export { default as de } from "./de.js";
+export { default as el } from "./el.js";
+export { default as en } from "./en.js";
+export { default as es } from "./es.js";
+export { default as et } from "./et.js";
+export { default as fa } from "./fa.js";
+export { default as fi } from "./fi.js";
+export { default as fr } from "./fr.js";
+export { default as hi } from "./hi.js";
+export { default as hr } from "./hr.js";
+export { default as hu } from "./hu.js";
+export { default as id } from "./id.js";
+export { default as it } from "./it.js";
+export { default as ja } from "./ja.js";
+export { default as kn } from "./kn.js";
+export { default as ko } from "./ko.js";
+export { default as lt } from "./lt.js";
+export { default as mr } from "./mr.js";
+export { default as nl } from "./nl.js";
+export { default as no } from "./no.js";
+export { default as pl } from "./pl.js";
+export { default as pt } from "./pt.js";
+export { default as ro } from "./ro.js";
+export { default as ru } from "./ru.js";
+export { default as sk } from "./sk.js";
+export { default as sl } from "./sl.js";
+export { default as sq } from "./sq.js";
+export { default as sr } from "./sr.js";
+export { default as sv } from "./sv.js";
+export { default as te } from "./te.js";
+export { default as th } from "./th.js";
+export { default as tr } from "./tr.js";
+export { default as uk } from "./uk.js";
+export { default as ur } from "./ur.js";
+export { default as uz } from "./uz.js";
+export { default as vi } from "./vi.js";
+export { default as zh } from "./zh.js";
+export { default as zhHk } from "./zh-hk.js";

package/dist/js/intlTelInput.js

@@ -1,5 +1,5 @@
 /*
- * International Telephone Input v27.1.3
+ * International Telephone Input v27.2.1
  * git+https://github.com/jackocnr/intl-tel-input.git
  * Licensed under the MIT license
  */
@@ -4603,7 +4603,7 @@ var _factory = (() => {
       attachUtils,
       startedLoadingUtils: false,
       startedLoadingAutoCountry: false,
-      version: "27.1.3"
+      version: "27.2.1"
     }
   );
   var intlTelInput_default = intlTelInput;