@intl-tel-input/angular 29.0.1 → 29.0.3

package/dist/IntlTelInput.d.ts

@@ -77,7 +77,7 @@ declare class IntlTelInput implements AfterViewInit, OnDestroy, OnChanges, Contr
     ngAfterViewInit(): void;
     private buildInitOptions;
     ngOnChanges(changes: SimpleChanges): void;
-    handleInput(): void;
+    handleInput: () => void;
     handleBlur(event: FocusEvent): void;
     handleFocus(event: FocusEvent): void;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/IntlTelInput.js

@@ -3997,6 +3997,7 @@ var Iti = class _Iti {
     }
     if (this.#updateCountryFromNumber(inputValue)) {
       this.#dispatchCountryChangeEvent();
+      this.#dispatchEvent(EVENTS.INPUT, { isCountryChange: true });
     }
     const isFormattingChar = !isStrictPaste && e?.data && REGEX.NON_PLUS_NUMERIC.test(e.data);
     const isNonStrictPaste = isPaste && inputValue && !strictMode;
@@ -4819,7 +4820,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "29.0.1",
+    version: "29.0.3",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR,
@@ -4917,6 +4918,7 @@ var IntlTelInput = class _IntlTelInput {
   ngAfterViewInit() {
     this.iti = intlTelInput_default(this.inputRef.nativeElement, this.buildInitOptions());
     this.libraryInputClasses = this.inputRef.nativeElement.className;
+    this.inputRef.nativeElement.addEventListener("input", this.handleInput);
     this.inputRef.nativeElement.addEventListener("open:countryselector", this.handleOpenCountrySelector);
     this.inputRef.nativeElement.addEventListener("close:countryselector", this.handleCloseCountrySelector);
     this.inputRef.nativeElement.addEventListener("strict:reject", this.handleStrictReject);
@@ -4990,7 +4992,7 @@ var IntlTelInput = class _IntlTelInput {
       this.applyInputAttrs();
     }
   }
-  handleInput() {
+  handleInput = () => {
     if (!this.iti) {
       return;
     }
@@ -5027,7 +5029,7 @@ var IntlTelInput = class _IntlTelInput {
     if (hasChanged) {
       this.onValidatorChange();
     }
-  }
+  };
   handleBlur(event) {
     this.onTouched();
     this.blur.emit(event);
@@ -5062,6 +5064,7 @@ var IntlTelInput = class _IntlTelInput {
     return this.inputRef.nativeElement;
   }
   ngOnDestroy() {
+    this.inputRef.nativeElement.removeEventListener("input", this.handleInput);
     this.inputRef.nativeElement.removeEventListener("open:countryselector", this.handleOpenCountrySelector);
     this.inputRef.nativeElement.removeEventListener("close:countryselector", this.handleCloseCountrySelector);
     this.inputRef.nativeElement.removeEventListener("strict:reject", this.handleStrictReject);
@@ -5153,12 +5156,10 @@ var IntlTelInput = class _IntlTelInput {
       useExisting: forwardRef(() => _IntlTelInput),
       multi: true
     }
-  ]), i0.\u0275\u0275NgOnChangesFeature], decls: 2, vars: 0, consts: [["inputRef", ""], ["type", "tel", 3, "input", "blur", "focus", "keydown", "keyup", "paste", "click"]], template: function IntlTelInput_Template(rf, ctx) {
+  ]), i0.\u0275\u0275NgOnChangesFeature], decls: 2, vars: 0, consts: [["inputRef", ""], ["type", "tel", 3, "blur", "focus", "keydown", "keyup", "paste", "click"]], template: function IntlTelInput_Template(rf, ctx) {
     if (rf & 1) {
       i0.\u0275\u0275domElementStart(0, "input", 1, 0);
-      i0.\u0275\u0275domListener("input", function IntlTelInput_Template_input_input_0_listener() {
-        return ctx.handleInput();
-      })("blur", function IntlTelInput_Template_input_blur_0_listener($event) {
+      i0.\u0275\u0275domListener("blur", function IntlTelInput_Template_input_blur_0_listener($event) {
         return ctx.handleBlur($event);
       })("focus", function IntlTelInput_Template_input_focus_0_listener($event) {
         return ctx.handleFocus($event);
@@ -5185,7 +5186,6 @@ var IntlTelInput = class _IntlTelInput {
     <input
       type="tel"
       #inputRef
-      (input)="handleInput()"
       (blur)="handleBlur($event)"
       (focus)="handleFocus($event)"
       (keydown)="handleKeyDown($event)"
@@ -5307,7 +5307,7 @@ var IntlTelInput = class _IntlTelInput {
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 72 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 71 });
 })();
 var IntlTelInput_default = IntlTelInput;
 export {

package/dist/IntlTelInputWithUtils.js

@@ -3997,6 +3997,7 @@ var Iti = class _Iti {
     }
     if (this.#updateCountryFromNumber(inputValue)) {
       this.#dispatchCountryChangeEvent();
+      this.#dispatchEvent(EVENTS.INPUT, { isCountryChange: true });
     }
     const isFormattingChar = !isStrictPaste && e?.data && REGEX.NON_PLUS_NUMERIC.test(e.data);
     const isNonStrictPaste = isPaste && inputValue && !strictMode;
@@ -4819,7 +4820,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtils: false,
     startedLoadingAutoCountry: false,
-    version: "29.0.1",
+    version: "29.0.3",
     NUMBER_FORMAT,
     NUMBER_TYPE,
     VALIDATION_ERROR,
@@ -11198,6 +11199,7 @@ var IntlTelInput = class _IntlTelInput {
   ngAfterViewInit() {
     this.iti = intlTelInput_default(this.inputRef.nativeElement, this.buildInitOptions());
     this.libraryInputClasses = this.inputRef.nativeElement.className;
+    this.inputRef.nativeElement.addEventListener("input", this.handleInput);
     this.inputRef.nativeElement.addEventListener("open:countryselector", this.handleOpenCountrySelector);
     this.inputRef.nativeElement.addEventListener("close:countryselector", this.handleCloseCountrySelector);
     this.inputRef.nativeElement.addEventListener("strict:reject", this.handleStrictReject);
@@ -11271,7 +11273,7 @@ var IntlTelInput = class _IntlTelInput {
       this.applyInputAttrs();
     }
   }
-  handleInput() {
+  handleInput = () => {
     if (!this.iti) {
       return;
     }
@@ -11308,7 +11310,7 @@ var IntlTelInput = class _IntlTelInput {
     if (hasChanged) {
       this.onValidatorChange();
     }
-  }
+  };
   handleBlur(event) {
     this.onTouched();
     this.blur.emit(event);
@@ -11343,6 +11345,7 @@ var IntlTelInput = class _IntlTelInput {
     return this.inputRef.nativeElement;
   }
   ngOnDestroy() {
+    this.inputRef.nativeElement.removeEventListener("input", this.handleInput);
     this.inputRef.nativeElement.removeEventListener("open:countryselector", this.handleOpenCountrySelector);
     this.inputRef.nativeElement.removeEventListener("close:countryselector", this.handleCloseCountrySelector);
     this.inputRef.nativeElement.removeEventListener("strict:reject", this.handleStrictReject);
@@ -11434,12 +11437,10 @@ var IntlTelInput = class _IntlTelInput {
       useExisting: forwardRef(() => _IntlTelInput),
       multi: true
     }
-  ]), i0.\u0275\u0275NgOnChangesFeature], decls: 2, vars: 0, consts: [["inputRef", ""], ["type", "tel", 3, "input", "blur", "focus", "keydown", "keyup", "paste", "click"]], template: function IntlTelInput_Template(rf, ctx) {
+  ]), i0.\u0275\u0275NgOnChangesFeature], decls: 2, vars: 0, consts: [["inputRef", ""], ["type", "tel", 3, "blur", "focus", "keydown", "keyup", "paste", "click"]], template: function IntlTelInput_Template(rf, ctx) {
     if (rf & 1) {
       i0.\u0275\u0275domElementStart(0, "input", 1, 0);
-      i0.\u0275\u0275domListener("input", function IntlTelInput_Template_input_input_0_listener() {
-        return ctx.handleInput();
-      })("blur", function IntlTelInput_Template_input_blur_0_listener($event) {
+      i0.\u0275\u0275domListener("blur", function IntlTelInput_Template_input_blur_0_listener($event) {
         return ctx.handleBlur($event);
       })("focus", function IntlTelInput_Template_input_focus_0_listener($event) {
         return ctx.handleFocus($event);
@@ -11466,7 +11467,6 @@ var IntlTelInput = class _IntlTelInput {
     <input
       type="tel"
       #inputRef
-      (input)="handleInput()"
       (blur)="handleBlur($event)"
       (focus)="handleFocus($event)"
       (keydown)="handleKeyDown($event)"
@@ -11588,7 +11588,7 @@ var IntlTelInput = class _IntlTelInput {
   }] });
 })();
 (() => {
-  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 72 });
+  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u0275setClassDebugInfo(IntlTelInput, { className: "IntlTelInput", filePath: "IntlTelInput.ts", lineNumber: 71 });
 })();
 var IntlTelInput_default = IntlTelInput;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intl-tel-input/angular",
-  "version": "29.0.1",
+  "version": "29.0.3",
   "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.0.1"
+    "intl-tel-input": "^29.0.3"
   },
   "peerDependencies": {
     "@angular/common": ">=17",