Merge branch 'main' into dev

Author: fisker

MODULE.bazel

@@ -6,8 +6,8 @@ module(
 
 bazel_dep(name = "rules_pkg", version = "1.2.0")
 bazel_dep(name = "rules_nodejs", version = "6.7.4")
-bazel_dep(name = "aspect_rules_ts", version = "3.8.10")
-bazel_dep(name = "aspect_rules_js", version = "3.2.1")
+bazel_dep(name = "aspect_rules_ts", version = "3.8.11")
+bazel_dep(name = "aspect_rules_js", version = "3.2.2")
 bazel_dep(name = "aspect_rules_esbuild", version = "0.26.0")
 bazel_dep(name = "aspect_rules_jasmine", version = "2.0.4")
 bazel_dep(name = "aspect_rules_rollup", version = "2.0.1")
@@ -18,14 +18,14 @@ bazel_dep(name = "yq.bzl", version = "0.3.6")
 bazel_dep(name = "rules_angular")
 git_override(
     module_name = "rules_angular",
-    commit = "30ecbe46b3c645264494abc3b2dc842cc5146be0",
+    commit = "4025fae590e5c1a48eaa289e20ab54e401d0a396",
     remote = "https://github.com/angular/rules_angular.git",
 )
 
 bazel_dep(name = "devinfra")
 git_override(
     module_name = "devinfra",
-    commit = "a1b3577967af3711fe39cdfb605c2cd991e66add",
+    commit = "ab0dc25e660b6704fb1144f0a62786776575b55d",
     remote = "https://github.com/angular/dev-infra.git",
 )
 
@@ -39,7 +39,7 @@ git_override(
 bazel_dep(name = "rules_browsers")
 git_override(
     module_name = "rules_browsers",
-    commit = "ce8977a1a50f929a19ab64859a5b7e7a59798d9f",
+    commit = "f61cc5a47b3ec4891e644ffdfa3d7517b81d11dd",
     remote = "https://github.com/angular/rules_browsers.git",
 )
 
@@ -71,8 +71,8 @@ use_repo(node, "nodejs_windows_amd64")
 pnpm = use_extension("@aspect_rules_js//npm:extensions.bzl", "pnpm")
 pnpm.pnpm(
     name = "pnpm",
-    pnpm_version = "11.7.0",
-    pnpm_version_integrity = "sha512-GcyFLBIMcSV2DyRD7mvgyltA+fUFmN4aCaHxd1A+AQ5Xwjx3ZG4B52HeWb+HT7IqM5jDOrlpH8E+uUa28PTWIA==",
+    pnpm_version = "11.8.0",
+    pnpm_version_integrity = "sha512-wfXnxMskHI8XS3Q4UdgvQrgCMkr8iw8Ra5atsVqgZmSUjd42lgo7oQebpbSyndAUATW5S1tfUmNZIknWjlVfJg==",
 )
 use_repo(pnpm, "pnpm")
 

MODULE.bazel.lock

@@ -312,13 +312,17 @@
         padding-inline: 15px !important;
       }
 
+      .mdc-tab__text-label {
+        transition: none;
+      }
+
       .mdc-tab--active {
         border: 0;
         border-block-end-width: 2px;
         border-style: solid;
         border-image: var(--purple-to-blue-horizontal-gradient) 1;
 
-        span {
+        .mdc-tab__text-label {
           background-image: var(--purple-to-blue-horizontal-gradient);
           background-clip: text;
           -webkit-background-clip: text;

adev/shared-docs/styles/_resets.scss

@@ -20,6 +20,10 @@
       border-block: 1px solid var(--senary-contrast);
       font-size: 0.75rem;
       font-weight: 600;
+
+      code {
+        white-space: nowrap;
+      }
     }
 
     tr {

adev/shared-docs/styles/docs/_table.scss

@@ -76,6 +76,34 @@
   font-size: 0.875rem;
 }
 
+.last-action {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 0;
+  padding: 0.75rem 1rem;
+  border-radius: 0.5rem;
+  border: 1px solid var(--border-color);
+  font-size: 0.875rem;
+  animation: fade-in 0.2s ease;
+}
+
+.last-action .material-symbols-outlined {
+  font-size: 1.1rem;
+  color: var(--vivid-pink);
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
 [ngMenu] .separator {
   border-top: 1px solid var(--border-color);
   margin: 0.25rem 0;

adev/src/content/examples/aria/menu/src/menu-context/app/app.css

@@ -3,6 +3,13 @@
   Right-click inside this area to open the context menu.
 </div>
 
+@if (lastAction()) {
+  <p class="last-action">
+    <span class="material-symbols-outlined" translate="no" aria-hidden="true">check_circle</span>
+    Action performed: <strong>{{ lastAction() }}</strong>
+  </p>
+}
+
 <!-- Hidden trigger positioned dynamically at cursor coordinates -->
 <div
   #triggerEl

adev/src/content/examples/aria/menu/src/menu-context/app/app.html

@@ -25,8 +25,10 @@ export class App {
     this.trigger().open();
   }
 
+  lastAction = signal<string | null>(null);
+
   onItemSelected(value: string) {
-    console.log(`Action selected: ${value}`);
+    this.lastAction.set(value);
   }
 
   onOverlayKeydown(event: KeyboardEvent) {

adev/src/content/examples/aria/menu/src/menu-context/app/app.ts

@@ -55,7 +55,6 @@ Open a terminal (if you're using [Visual Studio Code](https://code.visualstudio.
     >
     bun install -g @angular/cli
     </docs-code>
-
 </docs-code-multifile>
 
 If you are having issues running this command in Windows or Unix, check out the [CLI docs](/tools/cli/setup-local#install-the-angular-cli) for more info.

adev/src/content/introduction/installation.md

@@ -38,5 +38,5 @@
     "ts-node": "^10.9.1",
     "typescript": "6.0.3"
   },
-  "packageManager": "pnpm@11.7.0"
+  "packageManager": "pnpm@11.8.0"
 }

integration/animations/package.json

@@ -45,5 +45,5 @@
     "ts-node": "^10.9.1",
     "typescript": "6.0.3"
   },
-  "packageManager": "pnpm@11.7.0"
+  "packageManager": "pnpm@11.8.0"
 }