@@ -10,6 +10,7 @@ import {
1010Injector ,
1111input ,
1212InputSignal ,
13+ linkedSignal ,
1314OnInit ,
1415runInInjectionContext ,
1516signal ,
@@ -47,16 +48,9 @@ export class TabDirective implements FocusableOption, OnInit {
4748 */
4849readonly disabledInput = input ( false , { transform :booleanAttribute , alias :'disabled' } ) ;
4950
50- readonly #disabled= signal ( false ) ;
51+ readonly #disabled= linkedSignal ( this . disabledInput ) ;
5152readonly attrDisabled = computed ( ( ) => this . #disabled( ) || null ) ;
5253
53- readonly #disabledEffect= effect ( ( ) => {
54- const disabled = this . disabledInput ( ) ;
55- untracked ( ( ) => {
56- this . disabled = disabled ;
57- } ) ;
58- } ) ;
59-
6054set disabled ( value :boolean ) {
6155this . #disabled. set ( value ) ;
6256}
@@ -90,11 +84,13 @@ export class TabDirective implements FocusableOption, OnInit {
9084
9185readonly isActive = signal ( false ) ;
9286
93- readonly hostClasses = computed ( ( ) => ( {
94- 'nav-link' :true ,
95- active :this . isActive ( ) ,
96- disabled :this . #disabled( )
97- } ) as Record < string , boolean > ) ;
87+ readonly hostClasses = computed ( ( ) => {
88+ return {
89+ 'nav-link' :true ,
90+ active :this . isActive ( ) ,
91+ disabled :this . #disabled( )
92+ } as Record < string , boolean > ;
93+ } ) ;
9894
9995readonly propId = computed ( ( ) => this . id ( ) ?? `${ this . #tabsService. id ( ) } ${ this . itemKey ( ) } ) ;
10096