fix

Author: adolgachev

src/aria/private/tabs/tabs.ts

@@ -13,6 +13,7 @@ import {
   WritableSignalLike,
   computed,
   linkedSignal,
+  signal,
 } from '../behaviors/signal-like/signal-like';
 import {LabelControl, LabelControlOptionalInputs} from '../behaviors/label/label';
 import {ListFocus} from '../behaviors/list-focus/list-focus';
@@ -83,9 +84,6 @@ export class TabPattern {
 export interface TabPanelInputs extends LabelControlOptionalInputs {
   /** A global unique identifier for the tabpanel. */
   id: SignalLike<string>;
-
-  /** The tab that controls this tabpanel. */
-  tab: SignalLike<TabPattern | undefined>;
 }
 
 /** A tabpanel associated with a tab. */
@@ -96,8 +94,11 @@ export class TabPanelPattern {
   /** Controls label for this tabpanel. */
   readonly labelManager: LabelControl;
 
+  /** The tab that controls this tabpanel. */
+  readonly tab: WritableSignalLike<TabPattern | undefined> = signal(undefined);
+
   /** Whether the tabpanel is hidden. */
-  readonly hidden = computed(() => this.inputs.tab()?.expanded() === false);
+  readonly hidden = computed(() => this.tab()?.expanded() === false);
 
   /** The tab index of this tabpanel. */
   readonly tabIndex = computed(() => (this.hidden() ? -1 : 0));
@@ -112,7 +113,7 @@ export class TabPanelPattern {
   constructor(readonly inputs: TabPanelInputs) {
     this.labelManager = new LabelControl({
       ...inputs,
-      defaultLabelledBy: computed(() => (this.inputs.tab() ? [this.inputs.tab()!.id()] : [])),
+      defaultLabelledBy: computed(() => (this.tab() ? [this.tab()!.id()] : [])),
     });
   }
 }

src/aria/tabs/tab-panel.ts

@@ -8,7 +8,7 @@
 
 import {_IdGenerator} from '@angular/cdk/a11y';
 import {Directive, ElementRef, afterRenderEffect, computed, inject, input} from '@angular/core';
-import {DeferredContentAware, TabPattern, TabPanelPattern} from '../private';
+import {DeferredContentAware, TabPanelPattern} from '../private';
 
 /**
  * A TabPanel container for the resources of layered content associated with a tab.
@@ -59,16 +59,12 @@ export class TabPanel {
   /** A global unique identifier for the tab. */
   readonly id = input(inject(_IdGenerator).getId('ng-tabpanel-', true));
 
-  /** The Tab UIPattern associated with the tabpanel */
-  _tabPattern?: TabPattern;
-
   /** Whether the tab panel is visible. */
   readonly visible = computed(() => !this._pattern.hidden());
 
   /** The TabPanel UIPattern. */
   readonly _pattern: TabPanelPattern = new TabPanelPattern({
     ...this,
-    tab: () => this._tabPattern,
   });
 
   constructor() {

src/aria/tabs/tab.ts

@@ -83,7 +83,7 @@ export class Tab implements AfterViewInit {
   });
 
   ngAfterViewInit() {
-    this.panel()._tabPattern = this._pattern;
+    this.panel()._pattern.tab.set(this._pattern);
   }
 
   /** Opens this tab panel. */