main - 3de2b96 docs: fix undefined variable in custom stepper guide (#31517)

Author: wbreakell

docs-content/guides/creating-a-custom-stepper-using-the-cdk-stepper.md.html

@@ -34,8 +34,8 @@ <h2 id="create-our-custom-stepper-component" class="docs-header-link">
 
   <span class="hljs-tag">&lt;<span class="hljs-name">footer</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;step-navigation-bar&quot;</span>&gt;</span>
     <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;nav-button&quot;</span> <span class="hljs-attr">cdkStepperPrevious</span>&gt;</span><span class="hljs-symbol">&amp;larr;</span><span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
-    @for (step of steps; track step) {
-      <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;step&quot;</span> [<span class="hljs-attr">class.active</span>]=<span class="hljs-string">&quot;selectedIndex === $index&quot;</span> (<span class="hljs-attr">click</span>)=<span class="hljs-string">&quot;onClick(i)&quot;</span>&gt;</span>
+    @for (step of steps; track step; let i = $index) {
+      <span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">class</span>=<span class="hljs-string">&quot;step&quot;</span> [<span class="hljs-attr">class.active</span>]=<span class="hljs-string">&quot;selectedIndex === i&quot;</span> (<span class="hljs-attr">click</span>)=<span class="hljs-string">&quot;onClick(i)&quot;</span>&gt;</span>
         Step {{i + 1}}
       <span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
     }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/components-examples",
-  "version": "20.2.0-next.0+sha-52cdc38",
+  "version": "20.2.0-next.0+sha-3de2b96",
   "description": "Angular Components Examples",
   "private": true,
   "repository": {
@@ -259,15 +259,15 @@
   },
   "homepage": "https://github.com/angular/components#readme",
   "peerDependencies": {
-    "@angular/cdk": "20.2.0-next.0+sha-52cdc38",
-    "@angular/cdk-experimental": "20.2.0-next.0+sha-52cdc38",
+    "@angular/cdk": "20.2.0-next.0+sha-3de2b96",
+    "@angular/cdk-experimental": "20.2.0-next.0+sha-3de2b96",
     "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
     "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
-    "@angular/material": "20.2.0-next.0+sha-52cdc38",
-    "@angular/material-experimental": "20.2.0-next.0+sha-52cdc38",
-    "@angular/material-moment-adapter": "20.2.0-next.0+sha-52cdc38",
-    "@angular/material-luxon-adapter": "20.2.0-next.0+sha-52cdc38",
-    "@angular/material-date-fns-adapter": "20.2.0-next.0+sha-52cdc38"
+    "@angular/material": "20.2.0-next.0+sha-3de2b96",
+    "@angular/material-experimental": "20.2.0-next.0+sha-3de2b96",
+    "@angular/material-moment-adapter": "20.2.0-next.0+sha-3de2b96",
+    "@angular/material-luxon-adapter": "20.2.0-next.0+sha-3de2b96",
+    "@angular/material-date-fns-adapter": "20.2.0-next.0+sha-3de2b96"
   },
   "devDependencies": {
     "@angular/cdk": "workspace:*",