Moved from Signal type to SignalLike type

Author: ok7sai

src/cdk-experimental/ui-patterns/tabs/BUILD.bazel

@@ -13,6 +13,7 @@ ts_library(
         "//src/cdk-experimental/ui-patterns/behaviors/list-focus",
         "//src/cdk-experimental/ui-patterns/behaviors/list-navigation",
         "//src/cdk-experimental/ui-patterns/behaviors/list-selection",
+        "//src/cdk-experimental/ui-patterns/behaviors/signal-like",
         "@npm//@angular/core",
     ],
 )

src/cdk-experimental/ui-patterns/tabs/tab.ts

@@ -6,7 +6,8 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {computed, Signal} from '@angular/core';
+import {computed} from '@angular/core';
+import {SignalLike} from '../behaviors/signal-like/signal-like';
 import {ListSelectionItem} from '../behaviors/list-selection/list-selection';
 import {ListNavigationItem} from '../behaviors/list-navigation/list-navigation';
 import {ListFocusItem} from '../behaviors/list-focus/list-focus';
@@ -15,14 +16,14 @@ import {TablistPattern} from './tablist';
 
 /** The required inputs to tabs. */
 export interface TabInputs extends ListNavigationItem, ListSelectionItem, ListFocusItem {
-  tablist: Signal<TablistPattern>;
-  tabpanel: Signal<TabpanelPattern>;
+  tablist: SignalLike<TablistPattern>;
+  tabpanel: SignalLike<TabpanelPattern>;
 }
 
 /** A tab in a tablist. */
 export class TabPattern {
   /** A unique identifier for the tab. */
-  id: Signal<string>;
+  id: SignalLike<string>;
 
   /** Whether the tab is selected. */
   selected = computed(() => this.tablist().selection.inputs.selectedIds().includes(this.id()));
@@ -31,19 +32,19 @@ export class TabPattern {
   controls = computed(() => this.tabpanel().id());
 
   /** Whether the tab is disabled. */
-  disabled: Signal<boolean>;
+  disabled: SignalLike<boolean>;
 
   /** A reference to the parent tablist. */
-  tablist: Signal<TablistPattern>;
+  tablist: SignalLike<TablistPattern>;
 
   /** A reference to the corresponding tabpanel. */
-  tabpanel: Signal<TabpanelPattern>;
+  tabpanel: SignalLike<TabpanelPattern>;
 
   /** The tabindex of the tab. */
   tabindex = computed(() => this.tablist().focusManager.getItemTabindex(this));
 
   /** The html element that should receive focus. */
-  element: Signal<HTMLElement>;
+  element: SignalLike<HTMLElement>;
 
   constructor(inputs: TabInputs) {
     this.id = inputs.id;

src/cdk-experimental/ui-patterns/tabs/tablist.ts

@@ -12,7 +12,8 @@ import {TabPattern} from './tab';
 import {ListSelection, ListSelectionInputs} from '../behaviors/list-selection/list-selection';
 import {ListNavigation, ListNavigationInputs} from '../behaviors/list-navigation/list-navigation';
 import {ListFocus, ListFocusInputs} from '../behaviors/list-focus/list-focus';
-import {computed, signal, Signal} from '@angular/core';
+import {computed, signal} from '@angular/core';
+import {SignalLike} from '../behaviors/signal-like/signal-like';
 
 /** The selection operations that the tablist can perform. */
 interface SelectOptions {
@@ -29,7 +30,7 @@ interface SelectOptions {
 export type TablistInputs = ListNavigationInputs<TabPattern> &
   Omit<ListSelectionInputs<TabPattern>, 'multiselectable' | 'selectedIds'> &
   ListFocusInputs<TabPattern> & {
-    disabled: Signal<boolean>;
+    disabled: SignalLike<boolean>;
   };
 
 /** Controls the state of a tablist. */
@@ -44,10 +45,10 @@ export class TablistPattern {
   focusManager: ListFocus<TabPattern>;
 
   /** Whether the tablist is vertically or horizontally oriented. */
-  orientation: Signal<'vertical' | 'horizontal'>;
+  orientation: SignalLike<'vertical' | 'horizontal'>;
 
   /** Whether the tablist is disabled. */
-  disabled: Signal<boolean>;
+  disabled: SignalLike<boolean>;
 
   /** The tabindex of the tablist. */
   tabindex = computed(() => this.focusManager.getListTabindex());

src/cdk-experimental/ui-patterns/tabs/tabpanel.ts

@@ -6,22 +6,23 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {computed, Signal} from '@angular/core';
+import {computed} from '@angular/core';
+import {SignalLike} from '../behaviors/signal-like/signal-like';
 import {TabPattern} from './tab';
 
 /** The required inputs for the tabpanel. */
 export interface TabpanelInputs {
-  id: Signal<string>;
-  tab: Signal<TabPattern>;
+  id: SignalLike<string>;
+  tab: SignalLike<TabPattern>;
 }
 
 /** A tabpanel associated with a tab. */
 export class TabpanelPattern {
   /** A unique identifier for the tabpanel. */
-  id: Signal<string>;
+  id: SignalLike<string>;
 
   /** A reference to the corresponding tab. */
-  tab: Signal<TabPattern>;
+  tab: SignalLike<TabPattern>;
 
   /** Whether the tabpanel is hidden. */
   hidden = computed(() => !this.tab().selected());