refactor(kit): drop async pipe in tui-progress-circle (#9258)

taiga-family · Sep 30, 2024 · 3c6e186 · 3c6e186
1 parent eb5f8e4
commit 3c6e186
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/projects/kit/components/progress/progress-circle/progress-circle.component.ts b/projects/kit/components/progress/progress-circle/progress-circle.component.ts
@@ -1,5 +1,5 @@
-import {AsyncPipe} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject, Input} from '@angular/core';
+import {toSignal} from '@angular/core/rxjs-interop';
 import type {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core/types';
 import {delay, of} from 'rxjs';
 
@@ -8,7 +8,6 @@ import {TUI_PROGRESS_OPTIONS} from '../progress.options';
 @Component({
     standalone: true,
     selector: 'tui-progress-circle',
-    imports: [AsyncPipe],
     templateUrl: './progress-circle.template.html',
     styleUrls: ['./progress-circle.style.less'],
     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -21,7 +20,7 @@ import {TUI_PROGRESS_OPTIONS} from '../progress.options';
 export class TuiProgressCircle {
     private readonly options = inject(TUI_PROGRESS_OPTIONS);
 
-    protected readonly animationDelay$ = of(true).pipe(delay(0));
+    protected readonly animationDelay = toSignal(of(true).pipe(delay(0)));
 
     @Input()
     public value = 0;

diff --git a/projects/kit/components/progress/progress-circle/progress-circle.template.html b/projects/kit/components/progress/progress-circle/progress-circle.template.html
@@ -20,6 +20,6 @@
         cx="50%"
         cy="50%"
         class="t-progress"
-        [class.t-progress_filled]="animationDelay$ | async"
+        [class.t-progress_filled]="animationDelay()"
     />
 </svg>