diff --git a/projects/core/components/root/root.component.ts b/projects/core/components/root/root.component.ts
index 05f08298f0f3..11842bfef28c 100644
--- a/projects/core/components/root/root.component.ts
+++ b/projects/core/components/root/root.component.ts
@@ -1,10 +1,11 @@
///
-import {AsyncPipe, DOCUMENT, NgIf} from '@angular/common';
+import {DOCUMENT, NgIf} from '@angular/common';
import {
ChangeDetectionStrategy,
ChangeDetectorRef,
Component,
inject,
+ signal,
ViewEncapsulation,
} from '@angular/core';
import {toSignal} from '@angular/core/rxjs-interop';
@@ -23,20 +24,12 @@ import {TUI_ANIMATIONS_SPEED, TUI_REDUCED_MOTION, TUI_THEME} from '@taiga-ui/cor
import {tuiGetDuration} from '@taiga-ui/core/utils';
import {PreventEventPlugin} from '@taiga-ui/event-plugins';
import type {Observable} from 'rxjs';
-import {debounceTime, map, of} from 'rxjs';
+import {debounceTime, map} from 'rxjs';
@Component({
standalone: true,
selector: 'tui-root',
- imports: [
- AsyncPipe,
- NgIf,
- TuiAlerts,
- TuiDialogs,
- TuiDropdowns,
- TuiHints,
- TuiScrollControls,
- ],
+ imports: [NgIf, TuiAlerts, TuiDialogs, TuiDropdowns, TuiHints, TuiScrollControls],
templateUrl: './root.template.html',
styleUrls: ['./root.style.less'],
encapsulation: ViewEncapsulation.None,
@@ -61,13 +54,17 @@ export class TuiRoot {
map((breakpoint) => breakpoint === 'mobile'),
tuiWatch(inject(ChangeDetectorRef)),
),
+ {initialValue: false},
);
- protected readonly scrollbars$: Observable = inject(TUI_IS_MOBILE)
- ? of(false)
- : inject>(TUI_DIALOGS).pipe(
- map(({length}) => !length),
- debounceTime(0, tuiZonefreeScheduler()),
+ protected readonly scrollbars = inject(TUI_IS_MOBILE)
+ ? signal(false)
+ : toSignal(
+ inject>(TUI_DIALOGS).pipe(
+ map(({length}) => !length),
+ debounceTime(0, tuiZonefreeScheduler()),
+ ),
+ {initialValue: false},
);
constructor() {
diff --git a/projects/core/components/root/root.template.html b/projects/core/components/root/root.template.html
index a867c0291053..f96ceac22647 100644
--- a/projects/core/components/root/root.template.html
+++ b/projects/core/components/root/root.template.html
@@ -1,5 +1,5 @@