feat: update Taiga UI to 4 release candidate

web/projects/setup-wizard/src/app/components/cifs.component.ts

@@ -1,3 +1,4 @@
+import { TuiInputModule, TuiInputPasswordModule } from '@taiga-ui/legacy'
 import { CommonModule } from '@angular/common'
 import { Component, inject, Inject } from '@angular/core'
 import {
@@ -9,18 +10,13 @@ import {
 } from '@angular/forms'
 import { LoadingService, StartOSDiskInfo } from '@start9labs/shared'
 import {
-  TuiButtonModule,
   TuiDialogContext,
   TuiDialogService,
-  TuiErrorModule,
+  TuiError,
+  TuiButton,
 } from '@taiga-ui/core'
-import {
-  TUI_VALIDATION_ERRORS,
-  TuiFieldErrorPipeModule,
-  TuiInputModule,
-  TuiInputPasswordModule,
-} from '@taiga-ui/kit'
-import { POLYMORPHEUS_CONTEXT } from '@tinkoff/ng-polymorpheus'
+import { TUI_VALIDATION_ERRORS, TuiFieldErrorPipe } from '@taiga-ui/kit'
+import { POLYMORPHEUS_CONTEXT } from '@taiga-ui/polymorpheus'
 import { PASSWORD } from 'src/app/components/password.component'
 import {
   ApiService,
@@ -40,7 +36,7 @@ interface Context {
       <tui-input formControlName="hostname">
         Hostname
         <input
-          tuiTextfield
+          tuiTextfieldLegacy
           placeholder="'My Computer' OR 'my-computer.local'"
         />
       </tui-input>
@@ -51,7 +47,7 @@ interface Context {
 
       <tui-input formControlName="path" class="input">
         Path
-        <input tuiTextfield placeholder="/Desktop/my-folder'" />
+        <input tuiTextfieldLegacy placeholder="/Desktop/my-folder'" />
       </tui-input>
       <tui-error
         formControlName="path"
@@ -60,7 +56,7 @@ interface Context {
 
       <tui-input formControlName="username" class="input">
         Username
-        <input tuiTextfield placeholder="Enter username" />
+        <input tuiTextfieldLegacy placeholder="Enter username" />
       </tui-input>
       <tui-error
         formControlName="username"
@@ -92,11 +88,11 @@ interface Context {
     CommonModule,
     FormsModule,
     ReactiveFormsModule,
-    TuiButtonModule,
+    TuiButton,
     TuiInputModule,
     TuiInputPasswordModule,
-    TuiErrorModule,
-    TuiFieldErrorPipeModule,
+    TuiError,
+    TuiFieldErrorPipe,
   ],
   providers: [
     {

web/projects/setup-wizard/src/app/components/password.component.ts

@@ -1,17 +1,13 @@
+import { TuiInputPasswordModule } from '@taiga-ui/legacy'
 import { Component, inject } from '@angular/core'
 import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms'
 import * as argon2 from '@start9labs/argon2'
 import { ErrorService } from '@start9labs/shared'
-import {
-  TuiButtonModule,
-  TuiDialogContext,
-  TuiErrorModule,
-} from '@taiga-ui/core'
-import { TuiInputPasswordModule } from '@taiga-ui/kit'
+import { TuiDialogContext, TuiError, TuiButton } from '@taiga-ui/core'
 import {
   POLYMORPHEUS_CONTEXT,
   PolymorpheusComponent,
-} from '@tinkoff/ng-polymorpheus'
+} from '@taiga-ui/polymorpheus'
 import {
   CifsBackupTarget,
   DiskBackupTarget,
@@ -35,13 +31,13 @@ interface DialogData {
     <form [style.margin-top.rem]="1" (ngSubmit)="submit()">
       <tui-input-password [formControl]="password">
         Enter Password
-        <input tuiTextfield maxlength="64" />
+        <input tuiTextfieldLegacy maxlength="64" />
       </tui-input-password>
       <tui-error [error]="passwordError"></tui-error>
       @if (storageDrive) {
         <tui-input-password [style.margin-top.rem]="1" [formControl]="confirm">
           Retype Password
-          <input tuiTextfield maxlength="64" />
+          <input tuiTextfieldLegacy maxlength="64" />
         </tui-input-password>
         <tui-error [error]="confirmError"></tui-error>
       }
@@ -67,9 +63,9 @@ interface DialogData {
   imports: [
     FormsModule,
     ReactiveFormsModule,
-    TuiButtonModule,
+    TuiButton,
     TuiInputPasswordModule,
-    TuiErrorModule,
+    TuiError,
   ],
 })
 export class PasswordComponent {

web/projects/setup-wizard/src/app/components/recover.component.ts

@@ -1,17 +1,14 @@
+import { TuiCell } from '@taiga-ui/layout'
+import { TuiIcon, TuiTitle } from '@taiga-ui/core'
 import { Component, Input } from '@angular/core'
 import { RouterModule } from '@angular/router'
-import {
-  TuiCellModule,
-  TuiIconModule,
-  TuiTitleModule,
-} from '@taiga-ui/experimental'
 
 @Component({
   standalone: true,
   selector: 'app-recover',
   template: `
     <a tuiCell [routerLink]="disabled ? null : '/attach'">
-      <tui-icon icon="tuiIconBoxLarge" />
+      <tui-icon icon="@tui.box" />
       <span tuiTitle>
         <span class="g-success">Use Existing Drive</span>
         <span tuiSubtitle>
@@ -20,7 +17,7 @@ import {
       </span>
     </a>
     <a tuiCell [routerLink]="disabled ? null : '/transfer'">
-      <tui-icon icon="tuiIconShareLarge" />
+      <tui-icon icon="@tui.share" />
       <span tuiTitle>
         <span class="g-info">Transfer</span>
         <span tuiSubtitle>
@@ -30,14 +27,14 @@ import {
       </span>
     </a>
     <a tuiCell [routerLink]="disabled ? null : '/recover'">
-      <tui-icon icon="tuiIconSave" />
+      <tui-icon icon="@tui.save" />
       <span tuiTitle>
         <span class="g-warning">Restore From Backup (Disaster Recovery)</span>
         <span tuiSubtitle>Restore StartOS data from an encrypted backup</span>
       </span>
     </a>
   `,
-  imports: [RouterModule, TuiIconModule, TuiCellModule, TuiTitleModule],
+  imports: [RouterModule, TuiIcon, TuiCell, TuiTitle],
 })
 export class RecoverComponent {
   @Input() disabled = false