refactor(aria/tree): passthrough property accessors directly from patterns

Author: adolgachev

src/aria/tree/tree.ts

@@ -25,7 +25,7 @@ import {
 import {_IdGenerator} from '@angular/cdk/a11y';
 import {Directionality} from '@angular/cdk/bidi';
 import {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-content';
-import {ComboboxTreePattern, TreeItemPattern, TreePattern} from '@angular/aria/private';
+import {ComboboxTreePattern, SignalLike, TreeItemPattern, TreePattern} from '@angular/aria/private';
 import {ComboboxPopup} from '../combobox';
 
 interface HasElement {
@@ -279,28 +279,28 @@ export class TreeItem<V> extends DeferredContentAware implements OnInit, OnDestr
     return (this.parent() as TreeItemGroup<V>).ownedBy().tree();
   });
 
+  /** The UI pattern for this item. */
+  _pattern: TreeItemPattern<V>;
+
   /** Whether the item is active. */
-  readonly active = computed(() => this._pattern.active());
+  active: Signal<boolean>;
 
   /** Whether this item is currently expanded, returning null if not expandable. */
   readonly expanded = computed(() =>
     this._pattern.expandable() ? this._pattern.expanded() : null,
   );
 
   /** The level of the current item in a tree. */
-  readonly level = computed(() => this._pattern.level());
+  level: SignalLike<number>;
 
   /** The position of this item among its siblings (1-based). */
-  readonly posinset = computed(() => this._pattern.posinset());
+  posinset: SignalLike<number>;
 
   /** Whether the item is selected. */
-  readonly selected = computed(() => this._pattern.selected());
+  selected: SignalLike<boolean | undefined>;
 
   /** Whether this item is visible. */
-  readonly visible = computed(() => this._pattern.visible());
-
-  /** The UI pattern for this item. */
-  _pattern: TreeItemPattern<V>;
+  visible: SignalLike<boolean>;
 
   constructor() {
     super();
@@ -336,6 +336,12 @@ export class TreeItem<V> extends DeferredContentAware implements OnInit, OnDestr
       children: computed(() => this._group()?.children() ?? []),
       hasChildren: computed(() => !!this._group()),
     });
+
+    this.active = this._pattern.active;
+    this.level = this._pattern.level;
+    this.posinset = this._pattern.posinset;
+    this.selected = this._pattern.selected;
+    this.visible = this._pattern.visible;
   }
 
   ngOnDestroy() {