refactor(multiple): use write stage for setDefaultStateEffect across all aria directives

Author: adolgachev

src/aria/listbox/listbox.ts

@@ -167,9 +167,7 @@ export class Listbox<V> {
       }
     });
 
-    afterRenderEffect(() => {
-      this._pattern.setDefaultStateEffect();
-    });
+    afterRenderEffect({write: () => this._pattern.setDefaultStateEffect()});
 
     // Ensure that if the active item is removed from
     // the list, the listbox updates it's focus state.

src/aria/menu/menu-bar.ts

@@ -123,9 +123,7 @@ export class MenuBar<V> {
       element: computed(() => this._elementRef.nativeElement),
     });
 
-    afterRenderEffect(() => {
-      this._pattern.setDefaultStateEffect();
-    });
+    afterRenderEffect({write: () => this._pattern.setDefaultStateEffect()});
   }
 
   /** Closes the menubar. */

src/aria/menu/menu.ts

@@ -179,9 +179,7 @@ export class Menu<V> {
       },
     });
 
-    afterRenderEffect(() => {
-      this._pattern.setDefaultStateEffect();
-    });
+    afterRenderEffect({write: () => this._pattern.setDefaultStateEffect()});
   }
 
   /** Closes the menu. */

src/aria/tabs/tab-list.ts

@@ -8,6 +8,7 @@
 
 import {Directionality} from '@angular/cdk/bidi';
 import {
+  afterRenderEffect,
   booleanAttribute,
   computed,
   Directive,
@@ -16,7 +17,6 @@ import {
   input,
   model,
   signal,
-  afterRenderEffect,
   OnInit,
   OnDestroy,
 } from '@angular/core';
@@ -118,9 +118,7 @@ export class TabList implements OnInit, OnDestroy {
   });
 
   constructor() {
-    afterRenderEffect(() => {
-      this._pattern.setDefaultStateEffect();
-    });
+    afterRenderEffect({write: () => this._pattern.setDefaultStateEffect()});
 
     afterRenderEffect(() => {
       const tab = this._pattern.selectedTab();

src/aria/toolbar/toolbar.ts

@@ -105,9 +105,7 @@ export class Toolbar<V> {
   });
 
   constructor() {
-    afterRenderEffect(() => {
-      this._pattern.setDefaultStateEffect();
-    });
+    afterRenderEffect({write: () => this._pattern.setDefaultStateEffect()});
   }
 
   _register(widget: ToolbarWidget<V>) {

src/aria/tree/tree.ts

@@ -179,9 +179,8 @@ export class Tree<V> {
       }
     });
 
-    afterRenderEffect(() => {
-      this._pattern.setDefaultStateEffect();
-    });
+    // Resets default focus based on selection state until interacted.
+    afterRenderEffect({write: () => this._pattern.setDefaultStateEffect()});
 
     afterRenderEffect(() => {
       const items = inputs.items();