fix(ngDoCheck): check error on markAllAsTouched()

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-mat-input-tel",
-  "version": "17.2.0",
+  "version": "17.3.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -25,7 +25,7 @@
     "@angular/platform-browser-dynamic": "^17.1.2",
     "@angular/router": "^17.1.2",
     "core-js": "^3.33.3",
-    "libphonenumber-js": "^1.10.55",
+    "libphonenumber-js": "^1.10.60",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.2",
     "zone.js": "~0.14.3"

projects/ngx-mat-input-tel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-mat-input-tel",
-  "version": "17.2.0",
+  "version": "17.3.0",
   "author": {
     "name": "Raphaël Balet",
     "email": "[email protected]"
@@ -14,7 +14,7 @@
     "@angular/forms": ">=15.x",
     "@angular/platform-browser": ">=15.x",
     "@angular/platform-browser-dynamic": ">=15.x",
-    "libphonenumber-js": "^1.10.55"
+    "libphonenumber-js": "^1.10.60"
   },
   "repository": {
     "type": "git",

projects/ngx-mat-input-tel/src/lib/ngx-mat-input-tel.component.ts

@@ -261,13 +261,17 @@ export class NgxMatInputTelComponent
 
   ngDoCheck(): void {
     if (this.ngControl) {
-      const isInvalide = this.errorStateMatcher.isErrorState(
-        this.ngControl.control,
-        this._parentForm,
-      )
+      const oldState = this.errorState
+      const newState = this.errorStateMatcher.isErrorState(this.ngControl.control, this._parentForm)
 
       this.errorState =
-        (isInvalide && !this.ngControl.control?.value) || (!this.focused ? isInvalide : false)
+        (newState && (!this.ngControl.control?.value || this.ngControl.control?.touched)) ||
+        (!this.focused ? newState : false)
+
+      if (oldState !== newState) {
+        this.errorState = newState
+        this.stateChanges.next()
+      }
     }
   }