fix(chat,e2e): rename ChatSidenavScrim.close → closed + delete legacy subagents spec

apps/website/content/docs/chat/api/api-docs.json

@@ -3414,14 +3414,14 @@
   {
     "name": "ChatSidenavScrimComponent",
     "kind": "class",
-    "description": "Backdrop scrim for chat-sidenav's drawer mode, rendered as a sibling of\n<chat-sidenav> so its z-index sits cleanly between the page content\nand the drawer host (escapes the drawer host's stacking context).\n\nUsage:\n  <chat-sidenav-scrim [open]=\"drawerOpen()\" (close)=\"drawerOpen.set(false)\" />\n  <chat-sidenav [(open)]=\"drawerOpen\" ...></chat-sidenav>",
+    "description": "Backdrop scrim for chat-sidenav's drawer mode, rendered as a sibling of\n<chat-sidenav> so its z-index sits cleanly between the page content\nand the drawer host (escapes the drawer host's stacking context).\n\nUsage:\n  <chat-sidenav-scrim [open]=\"drawerOpen()\" (closed)=\"drawerOpen.set(false)\" />\n  <chat-sidenav [(open)]=\"drawerOpen\" ...></chat-sidenav>",
     "params": [],
     "examples": [],
     "properties": [
       {
-        "name": "close",
+        "name": "closed",
         "type": "OutputEmitterRef<void>",
-        "description": "Fires when the user clicks the backdrop.",
+        "description": "Fires when the user clicks the backdrop. Past-tense to avoid collision with native DOM close event.",
         "optional": false
       },
       {
@@ -7160,4 +7160,4 @@
     },
     "examples": []
   }
-]
+]

examples/chat/angular/src/app/shell/demo-shell.component.html

@@ -60,7 +60,7 @@
 
   <chat-sidenav-scrim
     [open]="sidenavMode() === 'drawer' && drawerOpen()"
-    (close)="drawerOpen.set(false)"
+    (closed)="drawerOpen.set(false)"
   />
   <chat-sidenav
     [threads]="visibleThreads()"

libs/chat/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/chat",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "exports": {
     "./chat.css": "./chat.css",
     "./themes/default-dark.css": "./themes/default-dark.css",

libs/chat/src/lib/primitives/chat-sidenav-scrim/chat-sidenav-scrim.component.spec.ts

@@ -24,11 +24,11 @@ describe('ChatSidenavScrimComponent', () => {
     expect(btn.getAttribute('aria-label')).toBe('Close conversations');
   });
 
-  it('emits (close) on click', () => {
+  it('emits (closed) on click', () => {
     fx.componentRef.setInput('open', true);
     fx.detectChanges();
     let closed = false;
-    fx.componentInstance.close.subscribe(() => { closed = true; });
+    fx.componentInstance.closed.subscribe(() => { closed = true; });
     const btn = fx.nativeElement.querySelector('button.chat-sidenav-scrim__button') as HTMLButtonElement;
     btn.click();
     expect(closed).toBe(true);

libs/chat/src/lib/primitives/chat-sidenav-scrim/chat-sidenav-scrim.component.ts

@@ -8,7 +8,7 @@ import { ChangeDetectionStrategy, Component, input, output } from '@angular/core
  * and the drawer host (escapes the drawer host's stacking context).
  *
  * Usage:
- *   <chat-sidenav-scrim [open]="drawerOpen()" (close)="drawerOpen.set(false)" />
+ *   <chat-sidenav-scrim [open]="drawerOpen()" (closed)="drawerOpen.set(false)" />
  *   <chat-sidenav [(open)]="drawerOpen" ...></chat-sidenav>
  */
 @Component({
@@ -43,6 +43,8 @@ import { ChangeDetectionStrategy, Component, input, output } from '@angular/core
 export class ChatSidenavScrimComponent {
   /** When true, render the backdrop button covering the viewport. */
   readonly open = input<boolean>(false);
-  /** Fires when the user clicks the backdrop. */
-  readonly close = output<void>();
+  /** Fires when the user clicks the backdrop. Past-tense to avoid
+   *  collision with the native DOM `close` event (per
+   *  `@angular-eslint/no-output-native`). */
+  readonly closed = output<void>();
 }