angular-hispano · ricardochl · Aug 3, 2026 · Aug 14, 2026
diff --git a/.bazelrc b/.bazelrc
@@ -0,0 +1,10 @@
+# Print all the options that apply to the build.
+# This helps us diagnose which options override others
+# (e.g. /etc/bazel.bazelrc vs. tools/bazel.rc)
+build --announce_rc
+
+# More details on failures
+build --verbose_failures=true
+
+# CI supports colors but Bazel does not detect it.
+common --color=yes
diff --git a/.bazelrc.user.example b/.bazelrc.user.example
@@ -0,0 +1,5 @@
+# Local development settings for macOS
+# Copy this file to .bazelrc.user to enable these settings.
+# macOS sandbox blocks network access during prerendering (Algolia API calls).
+# Use local spawn strategy to allow network access.
+build --spawn_strategy=local
diff --git a/.github/workflows/adev-staging-deploy.yml b/.github/workflows/adev-staging-deploy.yml
@@ -13,38 +13,39 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repository
-        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+        uses: actions/checkout@93cb6efe18208431cddfb8368fd83d5badbf9bfd # v5.0.1
         with:
           submodules: true
       - name: Setup Node JS
-        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5.0.0
         with:
           node-version-file: '.node-version'
       - name: Setup pnpm
-        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # 4.1.0
+        uses: pnpm/action-setup@b307475762933b98ed359c036b0e51f26b63b74b # v5.0.0
         with:
           version: 10.17.1
       - name: Setup Bazel
-        uses: bazel-contrib/setup-bazel@4fd964a13a440a8aeb0be47350db2fc640f19ca8 # 0.15.0
+        uses: bazel-contrib/setup-bazel@8cb04a772ab4c1eb984e9c1b493a182e96c5e425 # 0.19.0
         with:
           bazelisk-cache: true
-          disk-cache: true
+          disk-cache: ${{ github.workflow }}
           repository-cache: true
           bazelrc: |
-            # Print all the options that apply to the build.
-            # This helps us diagnose which options override others
-            # (e.g. /etc/bazel.bazelrc vs. tools/bazel.rc)
-            build --announce_rc
+            # Limit resources for CI runners (ubuntu-latest: 7GB RAM, 2 CPUs)
+            build --local_resources=memory=4096
+            build --local_resources=cpu=2
+            build --jobs=2
+            build --discard_analysis_cache
+            build --nokeep_state_after_build
 
-            # More details on failures
-            build --verbose_failures=true
-
-            # CI supports colors but Bazel does not detect it.
-            common --color=yes
+            # Allow network access in sandbox for Algolia API calls during SSR prerendering.
+            build --sandbox_default_allow_network
       - name: Install Dependencies
         run: npm ci
       - name: Build Docs
         run: npm run build
+        env:
+          NODE_OPTIONS: --max-old-space-size=4096
       - name: Deploy to Firebase Hosting
         uses: FirebaseExtended/action-hosting-deploy@v0
         with:

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -10,24 +10,35 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout Repository
-        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+        uses: actions/checkout@93cb6efe18208431cddfb8368fd83d5badbf9bfd # v5.0.1
         with:
           submodules: true
       - name: Setup Node JS
-        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        uses: actions/setup-node@a0853c24544627f65ddf259abe73b1d18a591444 # v5.0.0
         with:
           node-version-file: '.node-version'
       - name: Setup pnpm
-        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # 4.1.0
+        uses: pnpm/action-setup@b307475762933b98ed359c036b0e51f26b63b74b # v5.0.0
         with:
           version: 10.17.1
       - name: Setup Bazel
-        uses: bazel-contrib/setup-bazel@4fd964a13a440a8aeb0be47350db2fc640f19ca8 # 0.15.0
+        uses: bazel-contrib/setup-bazel@8cb04a772ab4c1eb984e9c1b493a182e96c5e425 # 0.19.0
         with:
           bazelisk-cache: true
-          disk-cache: true
+          disk-cache: ${{ github.workflow }}
           repository-cache: true
+          bazelrc: |
+            # Limit resources for CI runners (ubuntu-latest: 7GB RAM, 2 CPUs)
+            build --local_resources=memory=4096
+            build --local_resources=cpu=2
+            build --jobs=2
+            build --discard_analysis_cache
+            build --nokeep_state_after_build
+            # Allow network access in sandbox for Algolia API calls during SSR prerendering.
+            build --sandbox_default_allow_network
       - name: Install Dependencies
         run: npm ci
       - name: Build Docs
-        run: npm run build
+        run: npm run build
+        env:
+          NODE_OPTIONS: --max-old-space-size=4096
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,9 @@
 /build
 /tmp
 
+# Personal local Bazel overrides (see .bazelrc.user.example)
+.bazelrc.user
+
 # Node
 /node_modules
 npm-debug.log

diff --git a/.node-version b/.node-version
@@ -1 +1 @@
-22.12.0
+22.14.0
diff --git a/adev-es/src/app/core/layout/footer/footer.component.en.html b/adev-es/src/app/core/layout/footer/footer.component.en.html
@@ -58,7 +58,7 @@ <h2>Community</h2>
         <li>
           <a
             href="https://github.com/angular/angular/issues"
-            title="Post issues and suggestions on github."
+            title="Post issues and suggestions on GitHub."
           >
             Report Issues
           </a>
@@ -93,28 +93,41 @@ <h2>Resources</h2>
       </ul>
     </div>
     <div>
-      <h2>Languages</h2>
+      <h2>Community translations</h2>
       <ul>
+        <!-- Sorted using Unicode Collation Algorithm (UCA) -->
         <li>
-          <a href="https://angular.cn/" title="简体中文版">简体中文版</a>
+          <a href="https://angular.az/" title="Azərbaycanca">Azərbaycanca</a>
         </li>
         <li>
-          <a href="https://dev.angular.tw/" title="正體中文版">正體中文版</a>
+          <a href="https://docs.angular.lat/" title="Español">Español</a>
         </li>
         <li>
-          <a href="https://angular.jp/" title="日本語版">日本語版</a>
+          <a href="https://angular-docs.tr/" title="Türkçe">Türkçe</a>
+        </li>
+        <li>
+          <a href="https://angular-docs.ru/" title="Русский">Русский</a>
         </li>
         <li>
           <a href="https://angular.kr/" title="한국어">한국어</a>
         </li>
+        <li>
+          <a href="https://angular.jp/" title="日本語版">日本語版</a>
+        </li>
+        <li>
+          <a href="https://angular.cn/" title="简体中文版">简体中文版</a>
+        </li>
+        <li>
+          <a href="https://dev.angular.tw/" title="正體中文版">正體中文版</a>
+        </li>
       </ul>
     </div>
   </div>
   <p class="docs-license">
-    Super-powered by Google ©2010-2025. Code licensed under an
+    Super-powered by Google ©2010-2026. Code licensed under an
     <a routerLink="/license" title="License text">MIT-style License</a>
     . Documentation licensed under
     <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>
-    .
+    . Built by Angular at v{{ angularVersion }}.
   </p>
 </div>
diff --git a/adev-es/src/app/core/layout/footer/footer.component.html b/adev-es/src/app/core/layout/footer/footer.component.html
@@ -32,13 +32,13 @@ <h2>Comunidad</h2>
             href="https://angular.lat/coc"
             title="Tratarnos unos a otros con respeto."
           >
-            Codigo de coducta
+            Código de conducta
           </a>
         </li>
         <li>
           <a
             href="https://github.com/angular-hispano/angular-docs-es/issues"
-            title="Publique problemas y sugerencias en github."
+            title="Publique problemas y sugerencias en GitHub."
           >
             Reportar problemas
           </a>

diff --git a/adev-es/src/app/core/layout/navigation/navigation.component.en.html b/adev-es/src/app/core/layout/navigation/navigation.component.en.html
@@ -3,7 +3,7 @@
   [attr.id]="PRIMARY_NAV_ID"
   class="wrapper"
   (docsClickOutside)="closeMobileNav()"
-  [docsClickOutsideIgnore]="[SECONDARY_NAV_ID]"
+  [docsClickOutsideIgnore]="[SECONDARY_NAV_ID, SEARCH_DIALOG_ID]"
 >
   <!-- Mobile nav bar -->
   <div class="adev-mobile-nav-bar">
@@ -170,18 +170,13 @@
           </button>
 
           <ng-template #docsVersionMiniMenu>
-            <ul class="adev-mini-menu adev-version-picker" cdkMenu>
+            <ul class="adev-mini-menu adev-mini-menu--version adev-version-picker" cdkMenu>
               @for (item of versions(); track item) {
-              <li>
-                <a
-                  type="button"
-                  cdkMenuItem
-                  [href]="item.url"
-                  [aria-label]="item.displayName"
-                >
-                  <span>{{ item.displayName }}</span>
-              </a>
-              </li>
+                <li>
+                  <a type="button" cdkMenuItem [href]="item.url" [aria-label]="item.displayName">
+                    <span>{{ item.displayName }}</span>
+                  </a>
+                </li>
               }
             </ul>
           </ng-template>
@@ -195,6 +190,7 @@
           type="button"
           (click)="toggleSearchDialog($event)"
           title="Search docs"
+          [aria-label]="'Open search dialog with ' + searchTitle"
         >
           <svg
             aria-hidden="true"
@@ -207,10 +203,7 @@
               d="M14.583 15.48 9.104 10a4.591 4.591 0 0 1-1.458.844 5.156 5.156 0 0 1-1.771.302c-1.5 0-2.77-.52-3.813-1.563C1.022 8.542.5 7.285.5 5.813c0-1.473.52-2.73 1.563-3.771C3.103 1 4.367.479 5.854.479 7.326.48 8.58 1 9.614 2.042c1.035 1.041 1.553 2.298 1.553 3.77 0 .598-.098 1.174-.292 1.73A5.287 5.287 0 0 1 10 9.104l5.5 5.459-.917.916ZM5.854 9.895c1.125 0 2.083-.4 2.875-1.198a3.95 3.95 0 0 0 1.188-2.885 3.95 3.95 0 0 0-1.188-2.886C7.938 2.13 6.98 1.73 5.854 1.73c-1.139 0-2.107.4-2.906 1.198-.799.799-1.198 1.76-1.198 2.886 0 1.125.4 2.086 1.198 2.885.799.799 1.767 1.198 2.906 1.198Z"
             />
           </svg>
-          <span
-            class="adev-nav-item__label adev-search-desktop"
-            [aria-label]="'Open search dialog with ' + searchTitle"
-          >
+          <span class="adev-nav-item__label adev-search-desktop">
             <kbd>{{ searchLabel }}</kbd>
             <kbd>K</kbd>
           </span>
@@ -303,16 +296,17 @@
         <button
           type="button"
           [cdkMenuTriggerFor]="socialMiniMenu"
-          [cdkMenuPosition]="miniMenuPositions"
+          [cdkMenuPosition]="bottomMiniMenuPositions"
           aria-label="Open social media links"
           (cdkMenuClosed)="closeMenu()"
           (cdkMenuOpened)="openMenu('social')"
+          aria-controls="social-mini-menu"
         >
           <docs-icon role="presentation">more_horiz</docs-icon>
         </button>
 
         <ng-template #socialMiniMenu>
-          <ul class="adev-mini-menu" cdkMenu>
+          <ul class="adev-mini-menu adev-mini-menu--social" cdkMenu id="social-mini-menu">
             <li>
               <a
                 [href]="ngLinks.YOUTUBE"
@@ -324,7 +318,7 @@
                 <!-- Youtube Icon -->
                 <svg
                   width="20"
-                  height="15"
+                  height="20"
                   viewBox="0 0 20 15"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
@@ -345,8 +339,8 @@
               >
                 <!-- X Icon -->
                 <svg
-                  width="17"
-                  height="16"
+                  width="20"
+                  height="20"
                   viewBox="0 0 17 16"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
@@ -367,8 +361,8 @@
               >
                 <!-- Bluesky Icon -->
                 <svg
-                  width="16"
-                  height="16"
+                  width="20"
+                  height="20"
                   viewBox="0 0 16 16"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
@@ -399,11 +393,11 @@
               <a
                 [href]="ngLinks.GITHUB"
                 cdkMenuItem
-                title="Angular Github"
+                title="Angular GitHub"
                 target="_blank"
                 rel="noopener"
               >
-                <!-- Github Icon -->
+                <!-- GitHub Icon -->
                 <svg
                   width="20"
                   height="20"
@@ -443,6 +437,28 @@
                 </svg>
               </a>
             </li>
+            <li>
+              <a
+                [href]="ngLinks.STACKOVERFLOW"
+                cdkMenuItem
+                title="Angular Stack Overflow"
+                target="_blank"
+                rel="noopener"
+              >
+                <!-- Stack Overflow Icon -->
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 26 31"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="m22.18 16.32.05.02-.02.01za19 19 0 0 0-2.45 4.14l-.03.07q-.94 2.19-1.29 4.6v.03a18 18 0 0 0-.05 4.85H.01v-4.88h15.94l.1-.6L.69 20.48l1.28-4.7 15.55 4.1.22-.46-13.96-7.96 2.47-4.22 14.16 8.07.34-.4L9.15 3.47 12.65 0l11.78 11.64 1.25 1.23q-1.97 1.5-3.5 3.44"
+                  />
+                </svg>
+              </a>
+            </li>
           </ul>
         </ng-template>
       </div>
@@ -451,7 +467,7 @@
         <button
           type="button"
           [cdkMenuTriggerFor]="themeMiniMenu"
-          [cdkMenuPosition]="miniMenuPositions"
+          [cdkMenuPosition]="bottomMiniMenuPositions"
           [aria-label]="'Change theme. Current theme: ' + theme()"
           aria-controls="theme-mini-menu"
           [aria-expanded]="openedMenu() === 'theme-picker'"
@@ -476,7 +492,7 @@
 
         <ng-template #themeMiniMenu>
           <ul
-            class="adev-mini-menu"
+            class="adev-mini-menu adev-mini-menu--theme"
             cdkMenu
             id="theme-mini-menu"
             role="menu"