main - 23c19be fix(docs): update errorState example to cover handle missing state (#30059)

Author: Sepandard

docs-content/guides/creating-a-custom-form-field-control.html

@@ -340,14 +340,14 @@ <h4 id="errorstate" class="docs-header-link">
 }
 
 <span class="hljs-keyword">private</span> <span class="hljs-function"><span class="hljs-title">updateErrorState</span>(<span class="hljs-params"></span>)</span> {
-  <span class="hljs-keyword">const</span> parent = <span class="hljs-built_in">this</span>._parentFormGroup || <span class="hljs-built_in">this</span>.parentForm;
+  <span class="hljs-keyword">const</span> parentSubmitted = <span class="hljs-built_in">this</span>._parentFormGroup?.submitted || <span class="hljs-built_in">this</span>._parentForm?.submitted;
+  <span class="hljs-keyword">const</span> touchedOrParentSubmitted = <span class="hljs-built_in">this</span>.touched || parentSubmitted;
 
-  <span class="hljs-keyword">const</span> oldState = <span class="hljs-built_in">this</span>.errorState;
-  <span class="hljs-keyword">const</span> newState = (<span class="hljs-built_in">this</span>.ngControl?.invalid || <span class="hljs-built_in">this</span>.parts.invalid) &amp;&amp; (<span class="hljs-built_in">this</span>.touched || parent.submitted);
+  <span class="hljs-keyword">const</span> newState = (<span class="hljs-built_in">this</span>.ngControl?.invalid || <span class="hljs-built_in">this</span>.parts.invalid) &amp;&amp; touchedOrParentSubmitted;
 
-  <span class="hljs-keyword">if</span> (oldState !== newState) {
+  <span class="hljs-keyword">if</span> (<span class="hljs-built_in">this</span>.errorState !== newState) {
     <span class="hljs-built_in">this</span>.errorState = newState;
-    <span class="hljs-built_in">this</span>.stateChanges.next();
+    <span class="hljs-built_in">this</span>.stateChanges.next(); <span class="hljs-comment">// Notify listeners of state changes.</span>
   }
 }
 </code></pre>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "19.1.0-next.0+sha-225d82a",
+  "version": "19.1.0-next.0+sha-23c19be",
   "description": "Angular Components Examples",
   "private": true,
   "repository": {
@@ -259,15 +259,15 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/cdk": "19.1.0-next.0+sha-225d82a",
-    "@angular/cdk-experimental": "19.1.0-next.0+sha-225d82a",
+    "@angular/cdk": "19.1.0-next.0+sha-23c19be",
+    "@angular/cdk-experimental": "19.1.0-next.0+sha-23c19be",
     "@angular/core": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
     "@angular/common": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
-    "@angular/material": "19.1.0-next.0+sha-225d82a",
-    "@angular/material-experimental": "19.1.0-next.0+sha-225d82a",
-    "@angular/material-moment-adapter": "19.1.0-next.0+sha-225d82a",
-    "@angular/material-luxon-adapter": "19.1.0-next.0+sha-225d82a",
-    "@angular/material-date-fns-adapter": "19.1.0-next.0+sha-225d82a"
+    "@angular/material": "19.1.0-next.0+sha-23c19be",
+    "@angular/material-experimental": "19.1.0-next.0+sha-23c19be",
+    "@angular/material-moment-adapter": "19.1.0-next.0+sha-23c19be",
+    "@angular/material-luxon-adapter": "19.1.0-next.0+sha-23c19be",
+    "@angular/material-date-fns-adapter": "19.1.0-next.0+sha-23c19be"
   },
   "dependencies": {
     "tslib": "^2.3.0"