🐞 - TuiDialogComponent async closeable

[tinkoffspectrum]

Playground Link

No response

Description

Требуется запрещать пользователю закрывать окно в течении 10 секунд

TuiDialogOptions.closeable может быть Observable. Но код dialog.template.html не содержит async для *ngIf="context.closeable"

canClose$ = of(false)

dialogService
          .open(WaitingBankDialogComponent, {
            closeable: canClose$,
            dismissible: canClose$,
          })

Не работает

Решение

1. Добавить в ts TuiDialogComponent
   readonly closeable$ = toObservable(this.context.closeable);

2. Изменить темплейт
   c
   <div *ngIf="context.closeable" class="t-wrapper">
   на
   <div *ngIf="closeable$ | async" class="t-wrapper">

Angular version

18.0.6

Taiga UI version

3.85.0

Which browsers have you used?

• Chrome
• Firefox
• Safari
• Edge

Which operating systems have you used?

• macOS
• Windows
• Linux
• iOS
• Android